body{
  font-family: "Microsoft YaHei";
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;line-height: 30px;  //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,button,select,textarea{outline:none}textarea{resize:none}input,button,select,textarea{outline:none}
textarea{resize:none}
input{
    background:none;
    outline:none;
    border:1px solid #ddd;
}

a, a:hover, a:visited, a:link, a:active {
      color:#505251;
      text-decoration:none;
      outline: none;
  
  }
.container {
padding: 0
}

ul{
  margin: 0;
  padding: 0;
}

.mar{margin-top: 30px}
/*上下键*/
.pading {
    float: right;
    margin-top: 10px;
}

.pading a {

        
      padding: 3px 3px;
        /*border: 1px solid #ccc;*/
        display: block;
        float: left;
     
}


.pading  .page-num-current {
     /*padding: 3px 8px;*/
       background: #0B89DD;
        display: block;
        float: left;
        margin: 0px 2px;
	color: #fff
} 

    .pading a {
        padding: 3px 8px;
        border: 1px solid #ccc;
        display: block;
        float: left;
        margin: 0px 2px;
    }

    .pading a {
         padding: 0 8px;
        border: 1px solid rgba(142,142,142,0.5);
        display: block;
        float: left;
        margin: 0px 1px;
    }

    .pading .current {
        border: none;
        border: 1px solid #f8817c;
        background: #f8817c;
        color: #fff;
    }
.pading .page-status{display: none}

/*page*/

/*头部样式*/

.logo > ul > li{padding: 10px 0;float: left;}
.logo > ul > li:first-child{width: 70%}
.logo > ul > li:last-child{width: 30%}
.logo > ul > li:last-child img{float: right}


.hover{background: #DE0000}
.menubg{background: #0B89DD}
.menu > ul > li {float: left;width: 12.5%;text-align: center;position: relative}
.menu > ul > li+li{background: url(../image/menuline.jpg)left center no-repeat}
.menu > ul > li a{font-size: 16px;color: #fff;display: inline-block;text-align: center;height: 50px;line-height: 50px;width: 100%}
.menu > ul > li a:hover{background: #DE0000}
.menu > ul > li >ul{display: none}
.menu > ul > li:hover >ul{display: block;background: #0B89DD;position: absolute;width: 100%;z-index: 9}
.menu > ul > li:hover >ul > li a{font-size: 14px}

.navbar{margin-bottom:0}
.navbar-brand {width: 70%;display: inline-block;padding: 0}
.navbar-brand img{height: 100%}

.jingpinbg{background: url(http://www.sxytzyzz.com/skin/images/floorbg-default.jpg)}
.jingpinbiaoti{text-align: center;font-size: 3.5rem;color: #0B89DD }
.jingpinbiaoti span{color: #DE0000}
.jingpinbiaoti i{color: #000;font-style: normal}
.jingpinbiaoti > p{font-size: 18px;color: #000;text-align: center;margin: 20px auto}

.remen > div{padding: 10px 5px}
.remen > div >div {border-top: 1px solid #B2B2B2;border-left: 1px solid #B2B2B2;border-right: 1px solid #B2B2B2;border-bottom: 4px solid #17AEF3;overflow: hidden}
.remen > div >div > a{height: 200px;display: block;overflow: hidden}
.remen > div >div > a img{height: 200px;transition: all 0.6s ;width: 100%}
.remen > div >div > a img:hover{transform: scale(1.4)}

.remen > div >div > p > a{display: block;padding: 15px 0;text-align: center;font-size: 18px;color: #000}
.remen > div >div >span{padding-left:20px;color: #999;font-size: 16px;overflow: hidden}
.remen > div >div >span > p{font-size: 14px;padding:10px 20px}
.remen > div >div >span > p > i{background: url(../image/eye.jpg)left center no-repeat;padding-left: 20px;float: right}


.youshi{background: url(../image/youshibg.jpg)center center no-repeat;padding: 80px 0}
.jingpinbiaotishuoming{font-size: 18px;text-align: center;color: #000;padding: 30px 0}


/*strengthsfloor begin*/
.strengthsfloor{padding: 80px 0; overflow: hidden;}
.strengthsfloor-title{float: left; width: 100%;}
.strengthsfloor-title .floor-title-big{color: #fff;}
.strengthsfloor-title .floor-title-small{color: #888;}
.strengthsfloor-content{position: relative; z-index: 9; /*float: left;*/ margin-top: 60px; width:1000px; height: 600px;}
.strengthsfloor-content-item-center{position: absolute; left: 30%; top: 50%; z-index: 7; margin: -150px 0 0 -150px; padding: 50px 50px;/* width: 200px; height: 200px;*/}
.strengthsfloor-content-item-center-bg{position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: url(http://www.sxytzyzz.com/skin/images/youshibg.png) no-repeat center; -webkit-background-size: auto 100%; background-size: auto 100%; -webkit-animation: rotateRorward 6s linear infinite; -o-animation: rotateRorward 6s linear infinite; animation: rotateRorward 6s linear infinite;}
.strengthsfloor-content-item-center-text{float: left; width: 100%; color: #000; font-size: 24px; line-height: 2; text-align: center; /*border-bottom: 1px dashed #51a3f3;*/}
.strengthsfloor-content-item-one,
.strengthsfloor-content-item-two,
.strengthsfloor-content-item-three,
.strengthsfloor-content-item-four{position: absolute; z-index: 8; padding: 20px; width: 320px; color: #333; border: 1px solid #51a3f3; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; line-height: 1.8;font-size: 16px}
.strengthsfloor-content-item-one span{color: #ff0000}
.strengthsfloor-content-item-two span{color: #ff0000}
.strengthsfloor-content-item-three span{color: #ff0000}
.strengthsfloor-content-item-four  span{color: #ff0000}



.strengthsfloor-content-item-one{left: 26px; top: 14px;}
.strengthsfloor-content-item-two{right: 20px; top: 64px;}
.strengthsfloor-content-item-three{left: 20px; bottom: 64px;}
.strengthsfloor-content-item-four{right: 20px; bottom: 44px;}
.strengthsfloor-content-item-one-line,
.strengthsfloor-content-item-two-line,
.strengthsfloor-content-item-three-line,
.strengthsfloor-content-item-four-line{position: absolute; z-index: 9; width: 240px; height: 100px;}
.strengthsfloor-content-item-one-line{left: 190px; top: 136px; background: url(../image/strengthsfloor-content-item-one-line.png) no-repeat center;}
.strengthsfloor-content-item-two-line{right: 160px; top: 186px; background: url(../image/strengthsfloor-content-item-two-line.png) no-repeat center;}
.strengthsfloor-content-item-three-line{left: 190px; bottom: 186px; background: url(../image/strengthsfloor-content-item-three-line.png) no-repeat center;}
.strengthsfloor-content-item-four-line{right: 160px; bottom: 138px; background: url(../image/strengthsfloor-content-item-four-line.png) no-repeat center;}
/*strengthsfloor end*/



.wenti{font-size:28px;color: #646665;font-weight: bold;text-align: center;line-height: 45px;overflow: hidden}
.wenti > i{width: 10%;display:inline-block;height: 2px;background: #5AA8F3;margin: 0 20px}
.wenti > p{font-size: 18px;font-weight: normal;color: #5AA8F3;padding: 20px 0}

.wentihang > ul > li > i{display: inline-block;border-radius: 50%;color: #fff;background: #52A3F4;margin: 10px;width: 35px;height: 35px;text-align: center;line-height: 35px;font-size: 18px}
.wentihang > ul > li > span{display: inline-block;border: 1px solid #52A3F4;border-radius: 20px;padding: 0 20px;text-align: center;color: #52A3F4;cursor: pointer;float: right;margin-top: 15px}
.wentihang > ul > li > span:hover{background:#52A3F4;color: #fff }
.wentihang > ul > li{border-bottom:1px dotted #51A2F3 ;}

.baoming > div{border: 1px solid #CECECE;box-shadow:0 0 10px #666;padding: 10px 50px;margin-top: 20px;}
.baoming > div span{font-size: 16px;margin-right: 10px;color: #333}
.baoming > div input{border: 2px solid #51A2F3;width: 75%;padding:0 10px}
.baoming > div > ul > li{white-space: nowrap;overflow: hidde;text-align: center;padding: 10px 0}
.anniu{background: #52A3F4;border-radius: 10px;padding: 5px 40px;color: #fff;text-align: center;margin: 10px auto;font-size: 18px;width: 240px!important}

.baoming > div h2{font-size: 26px;font-weight: bold;display: block;padding: 20px 0;color: #000;text-align: center}

.shipinbg{background: url(../image/videobg.jpg)center center no-repeat;background-size: 100% 100%;padding: 30px 0 }

.shipin > div  video{width: 100%;height: 350px;object-fit: fill}
.shipinbutton {margin-top: 40px}
.shipinbutton > div{padding: 20px 10px}
.shipinbutton > div > a{display: block;padding: 10px 40px;text-align: center;font-size: 18px;color: #fff;background: #0B89DD;width: 45%;}

.zixun > a{border: 1px solid #0B89DD!important;color: #000!important; background-color: transparent!important}
/*teachfloor begin*/
.teachfloor{position: relative; z-index: 4; padding:0; overflow: hidden;}
.teachfloor-title{float: left; width: 100%;}
.teachfloor-title .floor-title-big{color: #fff;}
.teachfloor-title .floor-title-small{color: #888;}
.teachfloor-content{float: left; margin-top: 20px; padding: 14px; width: 100%!important; background: #fff; -webkit-box-shadow: 0 0 12px #bbb; -moz-box-shadow: 0 0 12px #bbb; box-shadow: 0 0 12px #bbb;border: 4px solid #198EDE}
.teachfloor-content-item{float: left; margin-right: 1px; overflow: hidden; background: #e6e6e6;}
.teachfloor-content-item-img{position: relative; float: left; width: 135.666666px; height: 360px; -webkit-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center;}
.teachfloor-content-item-img-covering{position: absolute; left: 0; bottom: 0; z-index: 9; padding: 12px 0 20px 12px; width: 132px; height: 64px; color: #fff; background: #000; opacity: 0.8; -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.teachfloor-content-item-img-covering-title{float: left; width: 100%; color: #fff; font-size: 18px;}
.teachfloor-content-item-img-covering-detail{float: left; width: 100%; color: #fff;}
.teachfloor-content-item-text{opacity: 0; float: left; padding: 0; width: 0; height: 320px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.teachfloor-content-item-text a{float: left; margin-top: 20px; padding: 6px 0; width: 50%; background: #51a3f3; color: #fff; text-align: center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.teachfloor-content-item-text a:hover{-webkit-box-shadow: 0 0 8px #666; -moz-box-shadow: 0 0 8px #666; box-shadow: 0 0 8px #666;}
.teachfloor-content-item-text-title{float: left; padding-bottom: 20px; width: 100%; border-bottom: 1px solid #666;}
.teachfloor-content-item-text-title-name{float: left; height: 32px; line-height: 32px; font-size: 24px;}
.teachfloor-content-item-text-title-detail{float: left; height: 32px; line-height: 32px; margin-left: 14px;}
.teachfloor-content-item-text-article{float: left; width: 100%; padding-top: 20px; line-height: 1.8; color: #999;}
.teachfloor-content-item.active .teachfloor-content-item-img-covering{opacity: 0; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0);}
.teachfloor-content-item.active .teachfloor-content-item-text{opacity: 1; float: left; padding: 20px; width: 175px; height: 320px;}
/*teachfloor end*/




.teacher{padding: 40px 0;background:url(../image/teacherbg.jpg)top center no-repeat}
.pcteacher{overflow: hidden}
.pcteacher >  div{padding: 10px}
.pcteacher >  div > a  {box-shadow:0 0 2px #666;display: inline-block;padding: 10px}
.pcteacher >  div > a > h1{font-size: 18px;color: #198EDE;padding: 5px 0;text-align: center}
.pcteacher >  div > a > div{width: 100%;overflow: hidden}
.pcteacher >  div > a > div img{transition: all 0.6s}
.pcteacher >  div > a > div img:hover{transform: scale(1.2)}




.wenti > span{display: block;padding: 10px 0 0 0;color: #333;font-size: 18px;text-align: center;font-weight: normal}
.xuexiao{color: #198EDE;}
.xuexiaopic div{padding: 0}
.xuexiaopic div a{padding: 10px;display: inline-block}


.indexnews{background: url(../image/xwbj.jpg) top center repeat-y;padding: 30px 0;position: relative}




.mt-tabpage {
	width: 100%;
	margin: 30px auto;
	/*box-shadow: 0 0 5px #999;*/
	background-color:transparent;
}
.mt-tabpage-title {
	height: 54px;
	font-size: 0;
	/*background-color: #fff;*/
	width: 100%;
	margin: auto;
	/*background: #fff;
	border-bottom: 1px solid #f1f1f1;*/
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 32.333333%;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #000;
	font-size: 18px;margin: 0 5px;
	background: #fff
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color:  #000;
}
.mt-tabpage-title .mt-tabpage-item-cur::after{content:"▼" ;display: block;position: absolute;margin-top: -22px;text-align: center;color: #198EDE;width: 26%;}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #fff;
	font-size: 18px;background: #198EDE
	/*border-bottom: 1px solid #F85B5E;*/
}
.mt-tabpage-count {
	
	width: 100%;
	
	
}

.mt-tabpage-cont__wrap {
	
}
.mt-tabpage-count .mt-tabpage-item {
	width: 1180px;
	padding: 30px 0;
	color: #fff;
	height: 500px;
	line-height: 500px
}

.xinwen > a{display: inline-block;padding: 10px;border: 1px solid #fff;width: 100%;margin: 10px auto}
.xinwen > a > i{display: inline-block;padding:10px 20px ;background: #198EDE;text-align: center;font-size: 22px;font-weight: bold;color: #fff}
.xinwen > a > i > span{display: block;font-size: 16px;color: #fff;font-weight: normal;font-style: normal}
.xinwen > a > h1{display: inline-block;color: #fff;font-size: 18px;width: 80%;float: right}
.xinwen > a > h1 > span{display: block;font-size: 14px}


.floor{width: 100%; position: relative;}

/*unityfloor begin*/
.unityfloor{padding: 80px 0; overflow: hidden;}
.unityfloor-title{float: left; width: 100%;}
.unityfloor-content{float: left; margin-top: 60px; width: 100%; height: 400px;}
.unityfloor-content-box{position: relative; float: left; width: 100%; height: 100%;}
.unityfloor-content-item{float: left; width: 400px; height: 400px; background-repeat: no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; background-position: center;}
.unityfloor-content-button-prev,
.unityfloor-content-button-next{position: absolute; width: 60px; height: 60px; background-image: url(../image/unityfloor-content-button.png); -webkit-background-size: 100% auto; background-size: 100% auto; cursor: pointer; opacity: 0; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.unityfloor-content-button-prev{left: 40px; top: 50%; background-position: left top; z-index: 9;}
.unityfloor-content-button-next{right: 40px; top: 50%; background-position: left bottom; z-index: 8;}
.unityfloor-content-box:hover .unityfloor-content-button-prev,
.unityfloor-content-box:hover .unityfloor-content-button-next{opacity: 0.8; -ms-filter: alpha(opacity=80); filter: alpha(opacity=80);}
/*unityfloor end*/





.youdian {background: url(../image/videobg.jpg) center center no-repeat;padding: 50px 0}
.youdian > div {text-align: center;}
.youdian > div > b{display: block;padding: 20px 0;color: #198EDE;font-size: 54px;}
.youdian > div > i{display: block; padding: 20px;background: #198EDE;color: #fff;font-size: 44px;clear: both;width: 80%;margin: 20px auto;font-style: normal}
.youdian > div > a{display: inline-block;margin-top: 50px}
.youdian .baomingyouhui{font-size: 26px;color: #F39308;width: 240px;border: 2px solid #F39308;border-radius: 30px;padding: 10px 40px;margin-right: 20px}
.youdian .baomingyouhui:hover{background: #F39308;color: #fff}
.youdian .zaixianzixun{font-size: 26px;color: #52A3F4;width: 240px;border: 2px solid #52A3F4;border-radius: 30px;padding: 10px 40px;margin-right: 20px}
.youdian .zaixianzixun:hover{background:  #52A3F4;color: #fff}



.end{background: url(../image/endbg.jpg)top center no-repeat;padding-top: 30px;text-align: center;color: #000;font-size: 18px}
.end > div > a{color: #000}
.end > div > a:hover{color: #fff}
.end > div > p{padding: 30px 0;display: block;text-align: center}
.end > div > p img{margin: 0 auto}





.erjifenlei{background: #F2F2F2;border-bottom: 1px solid #E0E0E0}

.erjifenlei > div {text-align: center}
.erjifenlei > div a{font-size: 16px;display: inline-block;margin: 0 10px;padding: 0 20px;height: 55px;line-height: 55px;}
.erjifenlei .hover{background: #fff;color: #52A3F4;font-weight: bold;border-bottom: 1px solid #52A3F4}
/*pro*/
.pro{padding:50px 10px;;font-size: 16px!important}
.pro > h1{display: block;font-size: 35px;color: #000;text-align: center;padding-bottom: 20px}





/*news*/
.news{padding: 30px 0}
.newsleft > h1{font-size: 20px;display: block;padding: 10px 0;border-bottom: 1px solid #52A3F4}
.newsleft > ul > li > div > ul > li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;padding: 10px 0}
/*.newsleft > ul > li+li{border-top: 1px dotted #666}*/
.newsleft > ul > li{padding: 20px 0;border-bottom: 1px dotted #666;}
.newsleft > ul > li > div > ul > li > a{color: #000;line-height: 24px;height: 24px}
.newsleft > ul > li > div > ul > li > a:hover{color: #52A3F4;text-decoration: underline}
.newsleft > ul > li > div > ul > li > a > span{font-size: 8px;margin-right: 5px;top: -2px;
position: relative;}

.newsleft > ul > li > a > h2{font-size: 20px;color: #000;display: block;padding: 10px 0}
.newsleft > ul > li > a > span{display: block;font-size: 16px;color: #666}
.newsdis{font-size: 15px;color: #909090;line-height: 1.5;}
.newsdis > a{display: inline-block;background: #52A3F4;color: #fff;padding: 0 15px;margin-left: 5px}



.newsright > div {border: 1px solid #cccccc;padding: 0}
.newsright > div > ul:first-child > li{background:#E0E2E3;height: 45px;padding-left: 10px;font-size: 18px;line-height: 45px;border-bottom: 1px solid #ccc}
.newsright > div > ul:last-child > li {line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.newsright > div > ul:last-child > li+li {border-top: 1px dotted #ccc}
.newsright > div > ul:last-child > li > a{padding-left: 10px}
.newsright > div > ul:last-child > li > a:hover{color: #52A3F4}





/*pic*/

/*intro*/
.intro > ul >li > h1{font-size: 24px;color: #000;text-align: center;padding: 10px 0;display: block}
.intro > ul >li > i{display: block;padding: 10px 0;text-align: center;font-style: normal}
.intro > ul >li > div {font-size: 16px}


@media (max-width:768px) {
	
.jingpinbiaoti{font-size: 26px}	
.jingpinbiaoti i{color: #000;font-style: normal;display: block}	
.baoming > div input{width:  70%}
.baoming > div{padding: 20px}
.jingpinbiaoti > p{font-size: 14px;color: #000;text-align: center;margin: 10px auto}	
	
.shipin > div  video{width: 100%;height: 150%}
.shipinbutton{margin-top: 10px}
.shipinbutton > div > a{width: 100%!important;margin: 0 auto}
	
	.mt-tabpage-title .mt-tabpage-item {width: 30.3333333%}
.mt-tabpage-title .mt-tabpage-item-cur::after{width: 30%}
.mt-tabpage-count .mt-tabpage-item{width: 100%!important}
	.xinwen > a > h1{width: 100%;}

.xinwen > a > i{display: none}
	
	.youdian > div > b{font-size: 24px}	
	
	.youdian > div > i{font-size: 24px}
	.youdian .baomingyouhui{width: 140px;font-size: 16px;padding: 10px 20px}
	
	.youdian .zaixianzixun{width: 140px;font-size: 16px;padding: 10px 20px}
	.newsleft > ul > li{padding: 0}
	
	
	
	
	.erjifenlei > div a{float: left;padding: 0 10px;font-size: 14px;margin: 0 5px}
}




@media(min-width:769px)  and (max-width:992px)
{
	
	.mt-tabpage-title .mt-tabpage-item {width: 31.3333333%}
	
	
	
	
}

@media(min-width:992px)  and (max-width:1200px)
{
	.teachfloor	{display: none}
	.mt-tabpage-title .mt-tabpage-item {width: 32%}
	.mt-tabpage-title .mt-tabpage-item-cur::after{width: 30%}
	
}

/*rotateRorward begin*/
@-webkit-keyframes rotateRorward{0%{transform: rotate(0deg); -webkit-transform: rotate(0deg);} 100%{transform: rotate(360deg); -webkit-transform: rotate(360deg);}}
@-moz-keyframes rotateRorward{0%{transform: rotate(0deg); -moz-transform: rotate(0deg);} 100%{transform: rotate(360deg); -moz-transform: rotate(360deg);}}
@-ms-keyframes rotateRorward{0%{transform: rotate(0deg); -ms-transform: rotate(0deg);} 100%{transform: rotate(360deg); -ms-transform: rotate(360deg);}}
@-o-keyframes rotateRorward{0%{transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{transform: rotate(360deg); -o-transform: rotate(360deg);}}
@keyframes rotateRorward{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}
.rotateRorward{-webkit-animation: rotateRorward 6s linear infinite; -o-animation: rotateRorward 6s linear infinite; animation: rotateRorward 6s linear infinite;}
/*rotateRorward end*/
/*rotateReverse begin*/
@-webkit-keyframes rotateReverse{0%{transform: rotate(0deg); -webkit-transform: rotate(0deg);} 100%{transform: rotate(-360deg); -webkit-transform: rotate(-360deg);}}
@-moz-keyframes rotateReverse{0%{transform: rotate(0deg); -moz-transform: rotate(0deg);} 100%{transform: rotate(-360deg); -moz-transform: rotate(-360deg);}}
@-ms-keyframes rotateReverse{0%{transform: rotate(0deg); -ms-transform: rotate(0deg);} 100%{transform: rotate(-360deg); -ms-transform: rotate(-360deg);}}
@-o-keyframes rotateReverse{0%{transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{transform: rotate(-360deg); -o-transform: rotate(-360deg);}}
@keyframes rotateReverse{0%{transform: rotate(0deg);} 100%{transform: rotate(-360deg);}}
.rotateReverse{-webkit-animation: rotateReverse 24s linear infinite; -o-animation: rotateReverse 24s linear infinite; animation: rotateReverse 24s linear infinite;}
/*rotateReverse end*/
/*rotateBack begin*/
@-webkit-keyframes rotateBack{0%{transform: rotate(0deg); -webkit-transform: rotate(0deg);} 25%{transform: rotate(30deg); -webkit-transform: rotate(0deg);} 50%{transform: rotate(0deg); -webkit-transform: rotate(0deg);} 75%{transform: rotate(-30deg); -webkit-transform: rotate(-30deg);} 100%{transform: rotate(0deg); -webkit-transform: rotate(0deg);}}
@-moz-keyframes rotateBack{0%{transform: rotate(0deg); -moz-transform: rotate(0deg);} 25%{transform: rotate(30deg); -moz-transform: rotate(0deg);} 50%{transform: rotate(0deg); -moz-transform: rotate(0deg);} 75%{transform: rotate(-30deg); -moz-transform: rotate(-30deg);} 100%{transform: rotate(0deg); -moz-transform: rotate(0deg);}}
@-ms-keyframes rotateBack{0%{transform: rotate(0deg); -ms-transform: rotate(0deg);} 25%{transform: rotate(30deg); -ms-transform: rotate(0deg);} 50%{transform: rotate(0deg); -ms-transform: rotate(0deg);} 75%{transform: rotate(-30deg); -ms-transform: rotate(-30deg);} 100%{transform: rotate(0deg); -ms-transform: rotate(0deg);}}
@-o-keyframes rotateBack{0%{transform: rotate(0deg); -o-transform: rotate(0deg);} 25%{transform: rotate(30deg); -o-transform: rotate(0deg);} 50%{transform: rotate(0deg); -o-transform: rotate(0deg);} 75%{transform: rotate(-30deg); -o-transform: rotate(-30deg);} 100%{transform: rotate(0deg); -o-transform: rotate(0deg);}}
@keyframes rotateBack{0%{transform: rotate(0deg)} 25%{transform: rotate(30deg)} 50%{transform: rotate(0deg)} 75%{transform: rotate(-30deg)} 100%{transform: rotate(0deg)}}
.rotateBack{-webkit-animation: rotateBack 6s linear infinite; -o-animation: rotateBack 6s linear infinite; animation: rotateBack 6s linear infinite;}
/*rotateBack end*/