.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(https://cjtweb.static.chanjet.com/officeweb/statics/wap/v2/images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{text-align: right; position:absolute; width:98%; bottom:10px;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 8px;height: 8px;margin: 5px 3px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 20px;border-radius: 20px;background:#fff;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:#4289ce;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(https://cjtweb.static.chanjet.com/officeweb/statics/wap/v2/images/AjaxLoader.gif) no-repeat center center}

/*首页手机轮显*/
#owl-flash{text-align:center;}
#owl-flash.owl-theme .owl-controls{ top:40%; text-align:center; position:absolute; width:100%; height:0;}
#owl-flash.owl-theme .owl-controls .owl-pagination{ display:none; }
/* Styling Pagination*/
#owl-flash.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
#owl-flash.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 50%; background:#fff;}
#owl-flash.owl-theme .owl-controls .owl-page.active span{ background:#da251e;}
#owl-flash.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0; width:100%; left:0; height:0; }
#owl-flash.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:50px; height:50px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
#owl-flash.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../image/left2.png) no-repeat; float:left; background-size:100% 100%;}
#owl-flash.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
#owl-flash.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../image/right2.png) no-repeat; float:right;background-size:100% 100%;}
#owl-flash.owl-theme .owl-controls .owl-buttons div.owl-next:hover{transition:all 0.3s; filter: Alpha(Opacity=80);opacity: 0.8;}
#owl-flash.owl-theme .owl-controls .owl-page{ display:inline-block;}

#owl-flash .item{margin: 0px;}
#owl-flash .item img{display:block; width:100%; height:100%;}
#owl-flash .item dd{ width:100%;}

/*风寸同行共同成长*/
.owl-demo4{ max-width:1200px; margin-top:5%; width:100%;}
/* Styling Next and Prev buttons*/
.owl-demo4.owl-theme .owl-controls .owl-pagination{ position:absolute; bottom:-20px; padding-top:10px; right:-3%; padding-right:3%; padding-left:3%; height:38px; background-color:#65c42f; display:none;}
/* Styling Pagination*/
.owl-demo4.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/transition:all 0.3s; }
.owl-demo4.owl-theme .owl-controls .owl-page span{display: block;width: 6px;height: 6px;margin: 5px 3px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 20px;border-radius: 20px;background:#fff;transition:all 0.3s;}
.owl-demo4.owl-theme .owl-controls .owl-page.active span{background:#ef8700;}
.owl-demo4.owl-theme .owl-controls .owl-page:hover span{opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo4.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0%; width:100%; left:0; height:0; display:none;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:40px; height:60px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-320px; }
/*.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../image/i_bg6.png) no-repeat; float:left;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../image/i_bg6_on.png) no-repeat;transition:all 0.3s;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../image/i_bg7.png) no-repeat; float:right;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../image/i_bg7_on.png) no-repeat;transition:all 0.3s; }*/


.owl-demo4 .item{margin:0 2%;}
.owl-demo4 .item .imgs img{width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;  margin:0 auto; vertical-align:bottom; }
.owl-demo4 .item dd{ /*width:286px;*/width:100%;text-align:center;}
.owl-demo4 .item dd .box{ overflow:hidden;}
.owl-demo4 .item dd .imgs{ width:100%;margin:0 auto;overflow:hidden; position:relative;}
.owl-demo4 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.owl-demo4 .item dd .h2{ font-weight:normal;color:#999; height:120px; line-height:120px;overflow:hidden; padding-left:8px; padding-right:8px;transition:all 0.3s; background-color:#fff; letter-spacing:1px;}
.owl-demo4 .item dd .bg{ background:url(../image/i_bg8.png) center center no-repeat rgba(0,0,0,.75); position:absolute; width:100%; height:100%; top:0; left:0;transition:all 1s;}
.owl-demo4 .item dd .bg2{ background:#cf4648; width:100%;  overflow:hidden; color:#fff; transition:all 1s; padding-bottom:2%;}
.owl-demo4 .item dd .bg2 .h3{ margin-top:6%; height:32px; line-height:32px; overflow:hidden;font-weight:normal;}
.owl-demo4 .item dd .bg2 .p{ line-height:30px; margin:0 auto; max-width:330px; width:94%; padding-bottom:12px; margin-bottom:9%; text-align:left; height:90px;}

/*他们都在用畅捷通*/
.owl-demo5{width:100%; margin:0 auto; max-width:1200px; margin-top:5%;}
/* Styling Next and Prev buttons*/
.owl-demo5.owl-theme .owl-controls{ width:100%; top:43%; height:0;}
.owl-demo5.owl-theme .owl-controls .owl-pagination{ position:absolute; bottom:-20px; padding-top:10px; right:-3%; padding-right:3%; padding-left:3%; height:38px; background-color:#65c42f; display:none;}
/* Styling Pagination*/
.owl-demo5.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/transition:all 0.3s; }
.owl-demo5.owl-theme .owl-controls .owl-page span{display: block;width: 6px;height: 6px;margin: 5px 3px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 20px;border-radius: 20px;background:#fff;transition:all 0.3s;}
.owl-demo5.owl-theme .owl-controls .owl-page.active span{background:#ef8700;}
.owl-demo5.owl-theme .owl-controls .owl-page:hover span{opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo5.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0%; width:100%; left:0; height:0;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:40px; height:60px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../image/i_bg6.png) no-repeat; float:left; background-size:100% 100%;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../image/i_bg6_on.png) no-repeat;transition:all 0.3s;background-size:100% 100%;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../image/i_bg7.png) no-repeat; float:right;background-size:100% 100%;background-size:100% 100%;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../image/i_bg7_on.png) no-repeat;transition:all 0.3s; }


.owl-demo5 .item{margin:0 0;}
.owl-demo5 .item dd{ /*width:286px;*/width:100%; background-color:#cd3c41;margin:0 auto;  border-radius:6px; position:relative; padding-bottom:2%; text-align:center; padding-top:3%;}
.owl-demo5 .item dd .i_pic2{ position:absolute; top:0; right:0; color:#fff; font-size:13.8; text-align:right; width:163px; height:40px;background:url(../image/i_pic6.png) no-repeat; background-size:100% 100%;}
.owl-demo5 .item dd .i_pic2 span{transform:rotate(12deg); height:22px; line-height:22px; display:block; padding-right:9px; letter-spacing:1px; overflow:hidden; font-weight:700;}
.owl-demo5 .item dd .txts{ width:88%; margin:0 auto; overflow:hidden; padding-top:20px; text-align:left;}
.owl-demo5 .item dd .txts .h2{ height:42px; line-height:42px; overflow:hidden; font-weight:normal;color:#fff; margin-bottom:14px; text-align:center;}
.owl-demo5 .item dd .txts .p{ color:#fff; line-height:26px; overflow:hidden; height:104px;}
.owl-demo5 .item dd .pmore{ display:inline-block; padding-bottom:13px; line-height:26px; color:#fff; font-style:normal; background:url(../image/i_bg20.png) center bottom no-repeat;  cursor:pointer; margin-top:15px;}
.owl-demo5 .item dd .pmore.bgs{ background:url(../image/i_bg25.png) center bottom no-repeat; }

/*倍受认可值得信赖*/
.owl-demo7{width:100%;  margin-top:5%;}
/* Styling Next and Prev buttons*/
.owl-demo7.owl-theme .owl-controls{ width:100%; top:43%; height:0;}
.owl-demo7.owl-theme .owl-controls .owl-pagination{ position:absolute; bottom:-20px; padding-top:10px; right:-3%; padding-right:3%; padding-left:3%; height:38px; background-color:#65c42f; display:none;}
/* Styling Pagination*/
.owl-demo7.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0%; width:100%; left:0; height:0; display:none;}

.owl-demo7 .item{margin:0 0;}
.owl-demo7 .item dd{ /*width:286px;*/width:100%;position:relative;margin-top:10px; overflow:hidden;transition:all 0.5s;}
.owl-demo7 .item dd i{ display:block; width:81px; height:81px; margin:0 auto; margin-bottom:56px; background-size:100% 100%; background-repeat:no-repeat; background-position:center center;transition:all 0.5s;}
.owl-demo7 .item dd p{ line-height:18px; font-size:14px; color:#625d5d; max-width:114px; margin:0 auto; text-align:center;}
.owl-demo7 .item dd i.bgs1{background-image:url(../image/i_c1.png);}
.owl-demo7 .item dd i.bgs2{background-image:url(../image/i_c2.png);}
.owl-demo7 .item dd i.bgs3{background-image:url(../image/i_c3.png);}
.owl-demo7 .item dd i.bgs4{background-image:url(../image/i_c4.png);}
.owl-demo7 .item dd i.bgs5{background-image:url(../image/i_c5.png);}
.owl-demo7 .item dd i.bgs6{background-image:url(../image/i_c6.png);}
.owl-demo7 .item dd i.bgs7{background-image:url(../image/i_c7.png);}
.owl-demo7 .item dd:hover i{transform:rotate(360deg);}
.owl-demo7 .item dd:hover i.bgs1{background-image:url(../image/i_c1_on.png);}
.owl-demo7 .item dd:hover i.bgs2{background-image:url(../image/i_c2_on.png);}
.owl-demo7 .item dd:hover i.bgs3{background-image:url(../image/i_c3_on.png);}
.owl-demo7 .item dd:hover i.bgs4{background-image:url(../image/i_c4_on.png);}
.owl-demo7 .item dd:hover i.bgs5{background-image:url(../image/i_c5_on.png);}
.owl-demo7 .item dd:hover i.bgs6{background-image:url(../image/i_c6_on.png);}
.owl-demo7 .item dd:hover i.bgs7{background-image:url(../image/i_c7_on.png);}
.owl-demo7 .item dd:hover{margin-top:0px;}

/*专家互动*/
.owl-demo6{ width:100%;margin-bottom:2%;}
/* Styling Next and Prev buttons*/
.owl-demo6.owl-theme .owl-controls{ height:0;}
.owl-demo6.owl-theme .owl-controls .owl-pagination{ position:absolute; bottom:-20px; padding-top:10px; right:-3%; padding-right:3%; padding-left:3%; height:38px; background-color:#65c42f; display:none;}
/* Styling Pagination*/
.owl-demo6.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/transition:all 0.3s; }
.owl-demo6.owl-theme .owl-controls .owl-page span{display: block;width: 6px;height: 6px;margin: 5px 3px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 20px;border-radius: 20px;background:#fff;transition:all 0.3s;}
.owl-demo6.owl-theme .owl-controls .owl-page.active span{background:#ef8700;}
.owl-demo6.owl-theme .owl-controls .owl-page:hover span{opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo6.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0%; width:100%; left:0; height:0; text-align:center; display:none;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:31px; height:31px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:13px; margin-left:2px; margin-right:2px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(https://cjtweb.static.chanjet.com/officeweb/statics/wap/v2/images/i_bg15.png) no-repeat;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(https://cjtweb.static.chanjet.com/officeweb/statics/wap/v2/images/i_bg15_on.png) no-repeat;transition:all 0.3s;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(https://cjtweb.static.chanjet.com/officeweb/statics/wap/v2/images/i_bg16.png) no-repeat; }
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(https://cjtweb.static.chanjet.com/officeweb/statics/wap/v2/images/i_bg16_on.png) no-repeat;transition:all 0.3s; }


.owl-demo6 .item{margin:0 0;}
.owl-demo6 .item dd{ display:block;width:100%;margin-bottom:3%;/*height:105px;*/ overflow:hidden; position: relative;}
.owl-demo6 .item dd .imgs{ float:left; overflow:hidden; margin-top:10px; width:72px; margin-left:6px; margin-right:3%;}
.owl-demo6 .item dd .imgs img{ display:block;width:72px; height:72px; border-radius:50%;}
.owl-demo6 .item dd .txts{ /*float:right; width:626px; background:url(../images/i_bg10.png) right center no-repeat; height:105px; */ padding-top:3%; padding-bottom:2%;overflow:hidden; color:#6a6a6a; line-height:26px; text-align:left; display:table;background: #f3f3f3;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; }
.owl-demo6 .item dd .txts:before{ position: absolute;content: "";width: 0;height: 0;right:-webkit-calc(97% - 78px);right:-moz-calc(97% - 78px);right:calc(97% - 78px); top: 38px;border-top: 6px solid transparent;border-right: 8px solid #f3f3f3;border-bottom: 6px solid transparent;}
.owl-demo6 .item dd .txts p{ padding-left:32px; padding-right:25px; /* max-height:66px; */ padding-bottom:2%;overflow:hidden; display:table-cell; vertical-align:middle;}
.owl-demo6 .item dd:nth-child(2n+0) .imgs{ float:right; margin-left:3%; margin-right:0;}
.owl-demo6 .item dd:nth-child(2n+0) .txts{/* width:631px; float:left;background:url(../images/i_bg11.png) right bottom no-repeat;*/ margin-left:3px;}
.owl-demo6 .item dd:nth-child(2n+0) .txts:before{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);right:-webkit-calc(3% + 66px);right:-moz-calc(3% + 66px);right:calc(3% + 66px);}

@media screen and (max-width: 1440px) {
/*风寸同行共同成长*/
.owl-demo4 .item dd .h2{ height:100px; line-height:100px;}
.owl-demo4 .item dd .bg2 .p{ line-height:26px; height:78px;}
}
@media screen and (max-width: 930px) {
/*风寸同行共同成长*/
.owl-demo4 .item dd .h2{ height:90px; line-height:90px;}
/*倍受认可值得信赖*/
.owl-demo7 .item dd i{ margin-bottom:40px;}

}
@media screen and (max-width: 780px) {
/*首页手机轮显*/
#owl-flash.owl-theme .owl-controls .owl-buttons div{ width:40px; height:40px;}
/*风寸同行共同成长*/
.owl-demo4 .item dd .h2{ height:80px; line-height:80px;}
.owl-demo4 .item dd .bg2 .p{ line-height:24px; height:72px;}
/*他们都在用畅捷通*/
.owl-demo5.owl-theme .owl-controls .owl-buttons div{ width:30px; height:50px;}
}
@media screen and (max-width: 480px) {
/*首页手机轮显*/
#owl-flash.owl-theme .owl-controls .owl-buttons div{ width:30px; height:30px;}
.owl-demo4 .item dd .h2{ height:60px; line-height:60px;}
.owl-demo4 .item dd .bg2 .p{ line-height:22px; height:66px;}
/*他们都在用畅捷通*/
.owl-demo5.owl-theme .owl-controls .owl-buttons div{ width:22px; height:40px;}
.owl-demo5 .item dd .i_pic2{ font-size:12px;}
/*倍受认可值得信赖*/
.owl-demo7 .item dd i{ width:70px; height:70px; margin-bottom:30px}
}
@media screen and (max-width: 360px) {
/*他们都在用畅捷通*/
.owl-demo5 .item dd .i_pic2{ height:36px;}
.owl-demo5 .item dd .i_pic2 span{ height:20px; line-height:20px;}
}
/*左右摇摆动画*/
@keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;

        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

/*转一圈*/
@keyframes doudong3{
0%{
      -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; 
    }
    100%{
       -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);transform:rotate(360deg);
    }
}
@-webkit-keyframes doudong3{
0%{
      -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; 
    }
    100%{
       -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);transform:rotate(360deg);
    }
}
@-moz-keyframes doudong3{
    0%{
      -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; 
    }
    100%{
       -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);transform:rotate(360deg);
    }
    
}
@-o-keyframes doudong3{
   0%{
      -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; 
    }
    100%{
       -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);transform:rotate(360deg);
    }
}