body{background:#101010;color:##2c2c2c;font:14px/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}















@font-face {font-family: "iconfont";















  src: url('font/iconfont.eot'); /* IE9*//*css by m i n f i s h . c o m*/















  src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */















  url('font/iconfont.woff') format('woff'), /* chrome, firefox */















  url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/















  url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */















}















.fa{font-family:"iconfont"!important;font-style:normal;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}















.mfwp,.xiaoyu_wp,.price-bin-box,.xiaoyu_article{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}































.thumb{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}































article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}















fieldset{border:0;margin:0;min-width:0;padding:0}















figure{margin:0}















h1,h2,h3,h4,h5,h6{font-weight:400}















hr{border:0;border-top:1px solid #eee;box-sizing:content-box;height:0;margin-bottom:20px;margin-top:20px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}















img{border:0;vertical-align:middle; max-width:100%}















ol ol,ul ul,ol ul,ul ol{margin-bottom:0}















ol,ul{list-style:none}















ol,ul,dl{margin-bottom:0;margin-top:0;padding-left:0}















table{border-collapse:collapse;border-spacing:0}















td,th{padding:0}















.btn-block{display:block;width:100%}















.btn-block+.btn-block{margin-top:5px}















.btn-default.disabled:focus,.btn-default.disabled.focus,.btn-default:disabled:focus,.btn-default:disabled.focus{background:#fff;border-color:#ddd}















.btn-default.disabled:hover,.btn-default:disabled:hover{background:#fff;border-color:#ddd}















.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle{background:#f2f2f2;border-color:#d0d0d0;color:#999}















.btn-default:active:hover,.btn-default:active:focus,.btn-default:active.focus,.btn-default.active:hover,.btn-default.active:focus,.btn-default.active.focus,.open>.btn-default.dropdown-toggle:hover,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle.focus{background:#e6e6e6;border-color:#c4c4c4;color:#999}















.btn-default:focus,.btn-default.focus{background:#f2f2f2;border-color:#d0d0d0;color:#999}















.btn-default:hover,.btn-default a:hover{background:#288bc7;border-color:#288bc7;color:#fff}















.btn-mo-demo-qrcode{position:relative}















.btn-mo-demo-qrcode img{max-width:100%}















.btn-mo-demo-qrcode:hover .mo-demo-qrcode{bottom:100%;opacity:1;transition:all .28s ease-in-out;visibility:visible;-webkit-transition:all .28s ease-in-out}















.mf-btn,.button,.xiaoyu-action-list .post-edit-link{border:none;border-radius:3px;display:inline-block;font-size:14px;font-weight:400;padding:4px 10px;text-align:center;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}















.mf-primary,.button-primary,.btn-primary,.xiaoyu-action-list .post-edit-link{background:#3298d6;border-color:#3298d6;color:#fff}















.mf-primary:hover,.button-primary:hover,.btn-primary:hover,.xiaoyu-action-list .post-edit-link:hover{background:#288bc7;border-color:#288bc7;color:#fff}































.category,.single-post,.author,.search,.single-download{background:#f4f6f5}















.clear{clear:both}















.clearfix:after,.mfwp:after{clear:both}















.clearfix:before,.clearfix:after,.mfwp:before,.mfwp:after{content:"";display:table;line-height:0}















.mfwp{margin:0 auto;max-width:1250px;padding-left:15px;padding-right:15px;}















.excerpts-wrapper{margin-top:20px}















.single-format-gallery .article-content,.single-format-image .article-content,.single-format-video .article-content{margin:24px 0}















.single-format-video,.single-format-image,.single-format-gallery{background:#FFF}















.single-format-video .content-box{ padding:0;}















.content-box{margin-bottom:15px;padding:20px}















.content-box-mr{margin-bottom:20px;margin-right:380px;min-height:500px;}















.content-box-mr.nomr{margin-right:0}















.content-box-wp{float:left;width:100%}















.content-wrap{float:left;margin-bottom:15px;width:100%}















.focusbox{padding:0px 0;text-align:center;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}















.focusbox .mfwp{text-align:center}















.focusbox .focusbox-text{color:#999}















.focusbox .focusbox-title{color:#eee;font-size:24px;font-weight:400;margin:0;margin-bottom:5px}















.xiaoyu_catwp{margin-top:20px}































.pagemenus{background:#FFF;border-radius:3px;overflow:hidden}















.pagemenus a{border-top:1px solid #f2f2f4;display:block;padding:15px 30px}















.pagemenus a:hover{background:#f9f9f9}















.pagemenus li.active a{background:#384047;border-top-color:#384047;color:#eee}















.pagination{font-size:14px;padding:15px 15px 30px;text-align:center}















.pagination ul{list-style-type:none;margin:0;padding:0}















.pagination ul li{display:inline-block;margin:0 3px}















.pagination ul li a{background:#f0f0f0;color:#999;opacity:1;text-decoration:none}















.pagination ul li a,.pagination ul li span{border-radius:2px;display:inline-block;padding:7px 15px}















.pagination ul li a:hover,.pagination ul li a:focus{opacity:.8}















.pagination ul li span{color:#aaa;cursor:default}















.pagination ul li.active span{background:#3298d6;color:#fff}















.pagination-loading{padding:15px 0;text-align:center}















.pagination-loading img{max-width:70px}































.view-more-button-div{margin-top:20px;width:100%;text-align:center}















.view-more-button-div a{border:1px solid #000;border-radius:2px;color:#666;display:block;padding:8px 10px;}















.view-more-button-div a:hover{background:#3298d6;border-color:#3298d6;color:#fff}































/* xiaoyu banner css*/















.xiaoyu_slide_box{ display:none}















.xiaoyu_slider img{max-width:100%}















.in_banner{width:100%;position:relative;z-index:2;overflow:hidden;-moz-opacity:0;opacity:0; margin-top:-1px;}















.in_banner .slide_pic{width:1920px;height:612px;overflow:hidden;position:relative;z-index: 1;left:50%;margin-left:-960px;}















.in_banner .slide_pic li{float:left;width: 100%;height:612px;overflow:hidden;position:absolute;top:0;left:0;z-index: 1;display: none;}















.in_banner .slide_btn{width:100%;position:absolute;bottom:20px;bottom:-20px;left:0;margin-left:0;z-index:9;text-align:right;font-size:0px;padding-bottom:0;text-align:center;}















.in_banner .slide_btn ul{height:10px;display:inline-block;*display:inline;*zoom:0;overflow:hidden;position:relative;-webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px;}















.in_banner .slide_btn ul:before{width:98%;height:8px;content:"";position:absolute;top:0;left:0;border:1px solid #333;-webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px;}















.in_banner .slide_btn li{width:60px;height:10px;display:inline-block;cursor: pointer;*display:inline;*zoom:0;*display:inline;*zoom:1;background-color:none;position:relative;}















.in_banner .slide_btn li.active{background-color:#deff06;}















.in_banner .slide_left{position: absolute;left: 50%;margin-left:-580px;top: 50%;margin-top: -50px;z-index:2;left:0;}















.in_banner .slide_right{position: absolute;right: 50%;margin-right:-580px;top: 50%;margin-top: -50px;z-index:2;right:0;}















.in_banner .a_box{width:100%;display:block;height:612px;position:absolute;z-index:99;}















.bannerBg{width: 300%;margin-left: -100%;display: block;text-align: center;}















/*banner1*/.bannerCon1{width: 980px;height: 494px;margin-left: -490px;position: absolute;top: 59px;left: 50%;}















.ban1-left{width: 390px;height: 494px;text-align: center;position: absolute;top: 0;left: 13px;}















.ban1-left span{position: absolute;}















.ban1-leftImg1{width: 289px;margin: 29px auto 0 auto;position: relative;}















.ban1-leftImg1Con{opacity: 0;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}















.ban1-leftImg2{margin-top: 3px;opacity: 0;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-property: all;transition-property: all;}















.ban1-left .year{opacity: 0;}















.ban1-left .year1{bottom: 104px;left: 78px;}















.ban1-left .year2{bottom: 203px;left: 48px;}















.ban1-left .year3{top: 192px;left: 1px;}















.ban1-left .year4{top: 102px;left: 13px;}















.ban1-left .year5{top: 25px;left: 80px;}















.ban1-left .year6{top: 4px;right: 124px;}















.ban1-left .year7{top: 119px;right: 2px;}















.ban1-left .year8{bottom: 263px;right: 6px;}















.ban1-left .year9{bottom: 207px;right: 41px;}















.ban1-left .year10{bottom: 126px;right: 65px;}















.ban1-leftImg1 span{opacity: 0;}















.ban1-Icon1{top: 0;left: 141px;}















.ban1-Icon2{top: 14px;left: 201px;}















.ban1-Icon3{top: 45px;left: 27px;}















.ban1-Icon4{top: 37px;left: 63px;}















.ban1-Icon5{top: 58px;left: 116px;}















.ban1-Icon6{top: 51px;left: 173px;}















.ban1-Icon7{top: 48px;left: 233px;}















.ban1-Icon8{top: 84px;left: 35px;}















.ban1-Icon9{top: 103px;left: 1px;}















.ban1-Icon10{top: 107px;left: 45px;}















.ban1-Icon11{top: 119px;left: 116px;}















.ban1-Icon12{top: 128px;left: 205px;}















.ban1-Icon13{top: 111px;left: 267px;}















.ban1-Icon14{top: 174px;left: 34px;}















.ban1-Icon15{top: 182px;left: 192px;}















.ban1-Icon16{top: 160px;left: 262px;}















.ban1-Icon17{top: 219px;left: 111px;}















.ban1-Icon18{left: 59px;bottom: 62px;}















.ban1-Icon19{left: 202px;bottom: 66px;}















.ban1-Icon20{left: 158px;bottom: 33px;}















.ban1-Icon21{left: 85px;bottom: 10px;}















.bannerCon1.on .year{opacity: 1;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-property: all;transition-property: all;}















.bannerCon1.on .year1{-webkit-transition-delay: 1.9s;transition-delay: 1.9s;}















.bannerCon1.on .year2{-webkit-transition-delay: 2.0s;transition-delay: 2.0s;}















.bannerCon1.on .year3{-webkit-transition-delay: 2.1s;transition-delay: 2.1s;}















.bannerCon1.on .year4{-webkit-transition-delay: 2.2s;transition-delay: 2.2s;}















.bannerCon1.on .year5{-webkit-transition-delay: 2.3s;transition-delay: 2.3s;}















.bannerCon1.on .year6{-webkit-transition-delay: 2.4s;transition-delay: 2.4s;}















.bannerCon1.on .year7{-webkit-transition-delay: 2.5s;transition-delay: 2.5s;}















.bannerCon1.on .year8{-webkit-transition-delay: 2.6s;transition-delay: 2.6s;}















.bannerCon1.on .year9{-webkit-transition-delay: 2.7s;transition-delay: 2.7s;}















.bannerCon1.on .year10{-webkit-transition-delay: 2.8s;transition-delay: 2.8s;}















.bannerCon1.on .ban1-leftImg1Con{opacity: 1;-webkit-transition-delay: 1s;transition-delay: 1.4s;-webkit-transition-duration: 1s;transition-duration: 1.4s;-webkit-transition-property: all;transition-property: all;}















.bannerCon1.on .ban1-leftImg2{opacity: 1;}















.bannerCon1.on .ban1-leftImg1 span{opacity: 1;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-property: all;transition-property: all;-webkit-animation-name: bounceIn;-webkit-animation-duration: 1s;animation-name: bounceIn;animation-duration: 1s;}















.bannerCon1.on .ban1-Icon1{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}















.bannerCon1.on .ban1-Icon2{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}















.bannerCon1.on .ban1-Icon3{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}















.bannerCon1.on .ban1-Icon4{-webkit-transition-delay: 1.3s;transition-delay: 1.3s;-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}















.bannerCon1.on .ban1-Icon5{-webkit-transition-delay: 1.2s;transition-delay: 1.2s;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}















.bannerCon1.on .ban1-Icon6{-webkit-transition-delay: 1s;transition-delay: 1s;-webkit-animation-delay: 1s;animation-delay: 1s;}















.bannerCon1.on .ban1-Icon7{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}















.bannerCon1.on .ban1-Icon8{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}















.bannerCon1.on .ban1-Icon9{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}















.bannerCon1.on .ban1-Icon10{-webkit-transition-delay: .7s;transition-delay: .7s;-webkit-animation-delay: .7s;animation-delay: .7s;}















.bannerCon1.on .ban1-Icon11{-webkit-transition-delay: .4s;transition-delay: .4s;-webkit-animation-delay: .4s;animation-delay: .4s;}















.bannerCon1.on .ban1-Icon12{-webkit-transition-delay: 1.2s;transition-delay: 1.2s;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}















.bannerCon1.on .ban1-Icon13{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}















.bannerCon1.on .ban1-Icon14{-webkit-transition-delay: .6s;transition-delay: .6s;-webkit-animation-delay: .6s;animation-delay: .6s;}















.bannerCon1.on .ban1-Icon15{-webkit-transition-delay: .5s;transition-delay: .5s;-webkit-animation-delay: .5s;animation-delay: .5s;}















.bannerCon1.on .ban1-Icon16{-webkit-transition-delay: 1.8s;transition-delay: 1.8s;-webkit-animation-delay: 1.8s;animation-delay: 1.8s;}















.bannerCon1.on .ban1-Icon17{-webkit-transition-delay: .3s;transition-delay: .3s;-webkit-animation-delay: .3s;animation-delay: .3s;}















.bannerCon1.on .ban1-Icon18{-webkit-transition-delay: 1.1s;transition-delay: 1.1s;-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}















.bannerCon1.on .ban1-Icon19{-webkit-transition-delay: 1.4s;transition-delay: 1.4s;-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}















.bannerCon1.on .ban1-Icon20{-webkit-transition-delay: .9s;transition-delay: .9s;-webkit-animation-delay: .9s;animation-delay: .9s;}















.bannerCon1.on .ban1-Icon21{-webkit-transition-delay: 1s;transition-delay: 1s;-webkit-animation-delay: 1s;animation-delay: 1s;}















.ban1-right{width: 516px;height: 289px;position: absolute;top: 89px;right: 0;}















.ban1-rightWord{opacity: 0;-webkit-transition-delay: 0;transition-delay: 0;-webkit-transform:translate( 250px, 0);transform:translate( 250px, 0);-webkit-transition-duration: 1.4s;transition-duration: 1.4s;-webkit-transition-property: all;transition-property: all;}















.ban1-rightWord1{}















.ban1-rightWord2{margin-top: 12px;}















.ban1-rightWord3{margin-top: 22px;}















.ban1-rightWord4{margin-top: 20px;-webkit-transform:translate( 0, 100px);transform:translate( 0, 100px);}















.bannerCon1.on .ban1-rightWord{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);}















.bannerCon1.on .ban1-rightWord1{-webkit-transition-delay: .4s;transition-delay: .4s;}















.bannerCon1.on .ban1-rightWord2{-webkit-transition-delay: .6s;transition-delay: .6s;}















.bannerCon1.on .ban1-rightWord3{-webkit-transition-delay: .8s;transition-delay: .8s;}















.bannerCon1.on .ban1-rightWord4{-webkit-transition-delay: 1s;transition-delay: 1s;}















/*banner2*/.bannerCon2{width: 980px;height: 446px;margin-left: -490px;position: absolute;top: 100px;left: 50%;}















.ban2-left{width: 319px;height: 446px;position: absolute;top: 0;left: 42px;opacity: 0;-webkit-transform:translate( -30%, 30%);transform:translate( -30%, 30%);}















.ban2-right{width: 564px;height: 158px;text-align: center;position: absolute;top: 113px;right: 16px;}















.ban2-rightWord1{font-size: 0;}















.ban2-rightWord1 span{margin: 0 13px;display: inline-block;opacity: 0;}















































.ban2-rightWord2{margin-top: 30px;opacity: 0;-webkit-transform:translate( 0, 100px);transform:translate( 0, 100px);}















.ban2-rightWord3{width: 310px;height: 36px;margin-top: 29px;display: inline-block;position: relative;opacity: 0;-webkit-transform:translate( 0, 100px);transform:translate( 0, 100px);}















.ban2-rightWord4{width: 0;height: 17px;position: absolute;top: 9px;left: 12px;overflow: hidden;}















.bannerCon2.on .ban2-left{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1.5s;transition-duration: 1.5s;-webkit-transition-property: all;transition-property: all;}















.bannerCon2.on .ban2-rightWord1 span{opacity: 1;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;-webkit-animation-name: zoomInDown;animation-name: zoomInDown;-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}















.bannerCon2.on .ban2-rightWord1img2{-webkit-transition-delay: .15s;transition-delay: .15s;-webkit-animation-delay: .15s;animation-delay: .15s;}















.bannerCon2.on .ban2-rightWord1img3{-webkit-transition-delay: .3s;transition-delay: .3s;-webkit-animation-delay: .3s;animation-delay: .3s;}















.bannerCon2.on .ban2-rightWord1img4{-webkit-transition-delay: .45s;transition-delay: .45s;-webkit-animation-delay: .45s;animation-delay: .45s;}















.bannerCon2.on .ban2-rightWord2{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1.3s;transition-duration: 1.3s;}















.bannerCon2.on .ban2-rightWord3{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1.3s;transition-duration: 1.3s;-webkit-transition-delay: .5s;transition-delay: .5s}















.bannerCon2.on .ban2-rightWord4{width: 239px;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-delay: 1.6s;transition-delay: 1.6s}















.bannerCon2.on2 .ban2-left{-webkit-animation: rocket .8s forwards;animation: rocket .8s forwards;}















.bannerCon2.on2 .ban2-rightWord1 span{-webkit-animation: zoomOutUp .8s forwards;animation: zoomOutUp .8s forwards;}















.bannerCon2.on2 .ban2-rightWord2{-webkit-animation: lightSpeedOut 1s forwards;animation: lightSpeedOut 1s forwards;}















.bannerCon2.on2 .ban2-rightWord3{-webkit-animation: lightSpeedOut 1s forwards;animation: lightSpeedOut 1s forwards;}















/*banner3*/.banner3Bg{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 2;}















.bannerCon3{width: 1000px;height: 524px;margin-left: -500px;position: absolute;top: 60px;left: 50%;z-index: 1;}















.ban3-leftImg{width: 259px;padding: 0 98px 0 88px;position: relative;}















.ban3-leftphone{position: relative;z-index: 2;opacity: 0;-webkit-transform:translate( 0, -30%);transform:translate( 0, -30%);}















.ban3-leftIconling{width: 321px;position: absolute;top: 102px;left: 61px;z-index: 1;}















.ban3-leftphoneCon{width: 218px;height: 372px;position: absolute;top: 77px;left: 22px;overflow: hidden;}















.ban3-leftphoneImg{opacity: 0;}















.ban3-Icon{position: absolute;z-index: 3;opacity: 0;}















.ban3-Icon1{width: 48px;top: 80px;left: 0;}















.ban3-Icon2{width: 50px;top: 227px;left: 0;}















.ban3-Icon3{width: 44px;top: 378px;left: 4px;}















.ban3-Icon4{width: 55px;top: 78px;right: 0;}















.ban3-Icon5{width: 53px;top: 225px;right: 2px;}















.ban3-Icon6{width: 44px;top: 376px;right: 8px;}















.ban3-rightWord{width: 456px;height: 279px;text-align: center;position: absolute;top: 112px;right: 20px;z-index:3;}















.ban3-rightWord1{opacity: 0;}















.ban3-rightWord2{margin-top: 6px;opacity: 0;}















.ban3-rightWord3{margin-top: 10px;opacity: 0}















.ban3-rightWord4{margin-top: 12px;opacity: 0;}















.ban3-rightWord5{margin-top: 36px;opacity: 0;}















.bannerCon3.on .ban3-leftphone{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: .6s;transition-duration: .6s;-webkit-transition-property: all;transition-property: all;}















.bannerCon3.on .ban3-leftphoneImg{-webkit-animation: bounceIn1 .6s linear .7s forwards;animation: bounceIn1 .6s linear .7s forwards;}















.bannerCon3.on .ban3-Icon{-webkit-animation: bounceIn 1.5s linear 1s forwards;animation: bounceIn 1.5s linear 1s forwards;}















.bannerCon3.on .ban3-rightWord1{-webkit-animation: rotateInUpRight .5s linear .5s forwards;animation: rotateInUpRight .5s linear .5s forwards;}















.bannerCon3.on .ban3-rightWord2{-webkit-animation: rotateInUpLeft .5s linear .65s forwards;animation: rotateInUpLeft .5s linear .65s forwards;}















.bannerCon3.on .ban3-rightWord3{-webkit-animation: rotateInUpRight .5s linear .8s forwards;animation: rotateInUpRight .5s linear .8s forwards;}















.bannerCon3.on .ban3-rightWord4{-webkit-animation: rotateInUpLeft .5s linear .95s forwards;animation: rotateInUpLeft .5s linear .95s forwards;}















.bannerCon3.on .ban3-rightWord5{-webkit-animation: zoomInUp 1s linear 1s forwards;animation: zoomInUp 1s linear 1s forwards;}















.bannerCon3.on2 .ban3-leftImg{opacity: 0;-webkit-transform:translate( -300px, 0);transform:translate( -300px, 0);-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}















.bannerCon3.on2 .ban3-rightWord{opacity: 0;-webkit-transform:translate( 300px, 0);transform:translate( 300px, 0);-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}















/*banner4*/.bannerCon4{width: 1000px;height: 512px;margin-left: -500px;position: absolute;top: 75px;left: 50%;}















.ban4-leftWord{width: 250px;padding-left: 146px;position: absolute;top: 64px;left: 0;}















.ban4-leftWord2{opacity: 0;}















.ban4-leftfour span{position: absolute;display: block;opacity: 0;}















.ban4-leftfour1{width: 129px;height: 0;overflow: hidden;top: 0;left: 0;-webkit-transition-property: height;transition-property: height;}















.ban4-leftfour2{width: 0;height: 208px;overflow: hidden;top: 0;left: 0;-webkit-transition-property: width;transition-property: width;}















.ban4-leftfour3{width: 129px;height: 0;overflow: hidden;top: 0;left: 0;-webkit-transition-property: height;transition-property: height;}















.ban4-leftfour{width: 129px;position: absolute;top: 0;left: 4px;}















.ban4-rightImg{width: 875px;height: 512px;position: absolute;top: 0;right: -79px;}















.ban4-ightImg1{position: relative;z-index: 3;}















.ban4-rightImg1{width: 875px;position: absolute;top: 0;left: 0;z-index: 3;opacity: 0;-webkit-transform:translate( 0, 80px);transform:translate( 0, 80px);}















.ban4-rightImg2{width: 427px;position: absolute;bottom: 25px;right: 66px;z-index: 4;opacity: 0;-webkit-transform:translate( 0, 80px);transform:translate( 0, 80px);}















.ban4-rightImg3{width: 140px;position: absolute;bottom: 37px;left: 72px;z-index: 1;opacity: 0;-webkit-transform:translate( 0, 80px);transform:translate( 0, 80px);}















.ban4-rightImg4{width: 790px;position: absolute;top: 74px;left: 42px;z-index: 2;opacity: 0;}















.bannerCon4.on .ban4-rightImg1{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: all;transition-property: all;}















.bannerCon4.on .ban4-rightImg2{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-delay: .25s;transition-delay: .25s;-webkit-transition-property: all;transition-property: all;}















.bannerCon4.on .ban4-rightImg3{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-delay: .5s;transition-delay: .5s;-webkit-transition-property: all;transition-property: all;}















.bannerCon4.on .ban4-rightImg4{opacity: 1;-webkit-transition-duration: 1.2s;transition-duration: 1.2s;-webkit-transition-delay: 1.3s;transition-delay: 1.3s;-webkit-transition-property: all;transition-property: all;}















.bannerCon4.on .ban4-leftWord2{opacity: 1;-webkit-transition-duration: 1.2s;transition-duration: 1.2s;-webkit-transition-delay: 1.3s;transition-delay: 1.3s;-webkit-transition-property: all;transition-property: all;}















.bannerCon4.on .ban4-leftfour1{opacity: 1;height: 208px;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-delay: 2s;transition-delay: 2s;}















.bannerCon4.on .ban4-leftfour2{opacity: 1;width: 129px;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-delay: 2.05s;transition-delay: 2.05s;}















.bannerCon4.on .ban4-leftfour3{opacity: 1;height: 208px;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-delay: 2.4s;transition-delay: 2.4s;}















.bannerCon4.on2 .ban4-leftWord{opacity: 0;-webkit-transform:translate( 0, -300px);transform:translate( 0, -300px);-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}















.bannerCon4.on2 .ban4-rightImg{opacity: 0;-webkit-transform:translate( 0, 300px);transform:translate( 0, 300px);-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}















@-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}















0%{opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2);}















20%{-webkit-transform: scale3d(1.3, 1.3, 1.3);transform: scale3d(1.3, 1.3, 1.3);}















40%{-webkit-transform: scale3d(.7, .7, .7);transform: scale3d(.7, .7, .7);}















60%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}















80%{-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}















to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}















@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}















0%{opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2);}















20%{-webkit-transform: scale3d(1.3, 1.3, 1.3);transform: scale3d(1.3, 1.3, 1.3);}















40%{-webkit-transform: scale3d(.7, .7, .7);transform: scale3d(.7, .7, .7);}















60%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}















80%{-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}















to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}















@-webkit-keyframes zoomInDown{from{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}















60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}















@keyframes zoomInDown{from{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}















60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}















@-webkit-keyframes rocket{30%{opacity: 1;-webkit-transform:translate( -15%, 15%);transform:translate( -15%, 15%);}















to{opacity: 0;-webkit-transform:translate( 40%, -40%);transform:translate( 40%, -40%);}}















@keyframes rocket{30%{opacity: 1;-webkit-transform:translate( -15%, 15%);transform:translate( -15%, 15%);}















to{opacity: 0;-webkit-transform:translate( 40%, -40%);transform:translate( 40%, -40%);}}















@-webkit-keyframes lightSpeedOut{from{opacity: 1;}















to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}















@keyframes lightSpeedOut{from{opacity: 1;}















to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}















@-webkit-keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}















to{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}















@keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}















to{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}















@-webkit-keyframes zoomIn{from{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}















50%{opacity: 1;}















100%{opacity: 1;}}















@keyframes zoomIn{from{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}















50%{opacity: 1;}















100%{opacity: 1;}}















@-webkit-keyframes bounceIn1{from, 70%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}















0%{opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2);}















70%{-webkit-transform: scale3d(1.3, 1.3, 1.3);transform: scale3d(1.3, 1.3, 1.3);}















to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}















@keyframes bounceIn1{from, 70%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}















0%{opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2);}















70%{-webkit-transform: scale3d(1.3, 1.3, 1.3);transform: scale3d(1.3, 1.3, 1.3);}















to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}















@keyframes ban3Icon{0%{opacity: 0;}















to{opacity: 1;-webkit-transform: scale3d(1, 1, 1) translate(0,0);transform: scale3d(1, 1, 1) translate(0,0);}}















@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -20deg);transform: rotate3d(0, 0, 1, -20deg);opacity: 0;}















to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}















@keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -20deg);transform: rotate3d(0, 0, 1, -20deg);opacity: 0;}















to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}















@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 20deg);transform: rotate3d(0, 0, 1, 20deg);opacity: 0;}















to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}















@keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 20deg);transform: rotate3d(0, 0, 1, 20deg);opacity: 0;}















to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}















@-webkit-keyframes zoomInUp{from{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}















60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}















100%{opacity: 1;}}















@keyframes zoomInUp{from{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}















60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}















100%{opacity: 1;}}















































.xiaoyu_casewp .themes-box{display:block;width:102%}















.xiaoyu_casewp .themes-item{float:left;width:31.3%;margin-right:2%;text-align:center;margin-bottom:2%;background-color:#fff;border-radius:4px;}















.xiaoyu_casewp .themes-item.mr{margin-right:0}















.xiaoyu_casewp .themes-item .itembox{padding:30px}















.xiaoyu_casewp .themes-item .c_htit{margin-bottom:20px}















.xiaoyu_casewp .themes-item h2{font-size:18px;font-weight:bold;margin:0 0 10px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}















.xiaoyu_casewp .themes-item h4{margin:0 auto;width:225px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:12px;height:18px;}















.xiaoyu_casewp .themes-item .c_furl{margin-top:20px; position: relative}















.xiaoyu_casewp .themes-item .mf-btn{width:60px;border-radius:50px;padding-left:30px;padding-right:30px}















.xiaoyu_casewp .thems_imgbox{ overflow:hidden}















.xiaoyu_casewp .themes-item .imgcut{height: 0;padding-bottom:60%;display: inline-block;overflow: hidden;}















.xiaoyu_casewp .themes-item .imgcut img{min-height:198.234px; max-width:100%;transition: all .3s ease-in-out;}















.xiaoyu_casewp .themes-item .imgcut img:hover{transform: scale3d(1.1, 1.1, 1.1) translate(0,0);}















.xiaoyu_casewp .editbox{position:absolute; right:0}















.xiaoyu_casewp .post-edtit{margin-left:5px;font-size:12px; }















.xiaoyu_casewp .post-edtit a{color:#C60}