/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/



/*首页banner*/

.pics_wrap {

  position: relative;

  width: 100%;

  height: 600px;

  min-height: 600px;

  overflow: hidden;

}

.html5zoo-img-0 img {

  width: 1920px;

     height: 600px;

     min-height: 600px;

     display: block;

}



.html5zoo-slides li a img {

  width: 1920px;

    height: 600px;

     min-height: 600px;

}



.html5zoo-img-0{

  width: 100%;

   height: 600px;

     min-height: 600px;

       min-height: 600px;

}



.html5zoo-box-0, .html5zoo-swipe-box-0, .html5zoo-space-0,

.html5zoo-img-box-0, .html5zoo-img-0

{

  width: 100%;

   height: 600px;

     min-height: 600px;

       min-height: 600px;

}







.html5zoo-img-0 li a img {

  width: 1920px;

     height: 600px;

     min-height: 600px;

     display: block;

}





.imghhhh {

   width: 1920px;

     height: 600px;

     min-height: 600px;

     display: block;

}





.html5zoo-arrow-left-0 {

  left: 10% !important;

}

.html5zoo-arrow-right-0 {

  right: 10% !important;

}

.html5zoo-bullet-wrapper-0 div {

  margin: 0 4px !important;

}

.html5zoo-nav-0 {

  margin-top: -40px !important;

  left: 48% !important;

}

.html5zoo-bullet-wrapper-0 {

  width: 100% !important;

}









/* banner 开始 */

.fullSlide {

 width: 100%;

 position: relative;

 height: 600px;

 overflow: hidden;

}



.fullSlide .bd {

 height: 600px;

 margin: 0 auto;

 position: relative;

 z-index: 1;

 overflow: hidden;

}



.fullSlide .bd ul {

 width: 100% !important;

}



.fullSlide .bd li {

 width: 100% !important;

 height: 600px;

 overflow: hidden;

 text-align: center;

}



.fullSlide .bd li a {

 display: block;

 height: 600px;

}



.fullSlide .hd {

 width: 100%;

 position: absolute;

 z-index: 2;

 bottom: 0;

 left: 0;

 height: 35px;

 text-align: center;

}



.fullSlide .hd ul {

 text-align: center;

}



.fullSlide .hd ul li {

 cursor: pointer;

 display: inline-block;

 zoom: 1;

 width: 12px;

 height: 12px;

 margin: 7px;

 background-color: #bfbfbf;

 overflow: hidden;

 line-height: 99px;

 border-radius: 50%;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

 width: 40px;

 background: #2066df;

 border-radius: 6px;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

}



.fullSlide .prev, .fullSlide .next {

 width: 40px;

 height: 60px;

 position: absolute;

 top: 50%;

 margin-top: -30px;

 z-index: 2;

 background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

 filter: alpha(opacity=30);

 -moz-opacity: .3;

 opacity: .3;

 -webkit-transition: all .5s linear;

 transition: all .5s linear;

}



.fullSlide .prev {

 background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

 left: 10%;

}



.fullSlide .next {

 background-position: -6px -137px;

 right: 10%;

}



/* banner 结束 */





/* animated home */



.animated {

 -webkit-animation-duration: 1s;

 animation-duration: 1s;

 -webkit-animation-fill-mode: both;

 animation-fill-mode: both

}



.animated.infinite {

 -webkit-animation-iteration-count: infinite;

 animation-iteration-count: infinite

}



.animated.hinge {

 -webkit-animation-duration: 2s;

 animation-duration: 2s

}



@-webkit-keyframes fadeInUp {

 0% {

  opacity: 0;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

 }

 100% {

  opacity: 1;

  -webkit-transform: none;

  transform: none

 }

}



@keyframes fadeInUp {

 0% {

  opacity: 0;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

 }

 100% {

  opacity: 1;

  -webkit-transform: none;

  transform: none

 }

}



.fadeInUp {

 -webkit-animation-name: fadeInUp;

 animation-name: fadeInUp

}



.animated_1 {

 animation-delay: 0.3s;

}



.animated_2 {

 animation-delay: 0.6s;

}



.animated_3 {

 animation-delay: 0.9s;

}



.animated_4 {

 animation-delay: 1.2s;

}



.animated_5 {

 animation-delay: 1.5s;

}



.animated_6 {

 animation-delay: 1.8s;

}



.animated_7 {

 animation-delay: 2.1s;

}



.animated_8 {

 animation-delay: 2.4s;

}



.animated_9 {

 animation-delay: 2.7s;

}



.animated_10 {

 animation-delay: 3s;

}



.animated_11 {

 animation-delay: 3.3s;

}



.animated_12 {

 animation-delay: 3.6s;

}



/* animated end */





.in_yqlj_ss {

 width: 100%;

 padding: 10px 0 12px 0;



}



.in_yqlj {

 width: 1200px;

 height: auto;

 margin: 0 auto;

}



.in_yqlj_1 {

 height: 26px;

 line-height: 26px;

 float: left;

 text-transform: uppercase;

 font-size: 18px;

 border-right: 2px solid #333;

 padding-right: 20px;

}



.in_yqlj_1 span {

 color: #333;

 font-size: 18px;

 font-weight: bold;

}





.in_yqlj_2 {

 float: right;

 width: 1020px;

 line-height: 26px;

}



.in_yqlj_2 a {

 display: inline-block;

 padding: 0 15px;

}



.in_yqlj_2 a:hover {

 text-decoration: underline;

}





.ly_bg {

 width: 100%;

 height: 465px;

 background: url(../images/ly_bg.jpg) no-repeat center top;

 margin-top: 50px;

}



.ly_bg_box {

 width: 816px;

 height: 465px;

 margin: 0 auto;

 position: relative;

}





.webq_bottom_r {

 width: 100%;

 position: relative;

 margin-top: 48px;

}



.webq_bottom_rt {

 color: #222;

 font-size: 14px;

 line-height: 1;

 text-transform: uppercase;

 text-align: center;

 padding-top: 36px;

}



.webq_bottom_rt span {

 font-size: 30px;

 font-weight: bold;

 color: #2066df;

 display: block;

 background: url(../images/ly_line.png) no-repeat center bottom;

 padding-bottom: 18px;

}



.webq_bottom_rt i {

 padding-top: 12px;

 display: block;

}





.webq_bottom_r3 {

 height: auto;

 padding-top: 20px;

}



.webq_bottom_r3_1 {

 float: left;

 width: 398px;

 height: 54px;

 line-height: 54px;

 position: relative;

 background-color: rgba(255, 255, 255, 0.9);

}



.webq_bottom_ml {

 margin-left: 20px;

}



.webq_bottom_r1 {

 height: 120px;

 margin-top: 20px;

 position: relative;

 background-color: rgba(255, 255, 255, 0.9);

}





.webq_bottom_r4 {

 height: 42px;

 margin-top: 30px;

}



.webq_bd_1 {

 width: 100%;

 height: 100px;

 border: 0;

 background: none;

 line-height: 30px;

 color: #333;

 padding: 10px 10px 10px 72px;

 box-sizing: border-box;

 display: block;

}



.webq_bd_2 {

 width: 100%;

 height: 54px;

 line-height: 54px;

 border: 0;

 background: none;

 color: #333;

 box-sizing: border-box;

 padding: 0 10px 0 72px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 display: block;

}



.webq_bd_3 {

 width: 100%;

 height: 42px;

 line-height: 42px;

 border: 0;

 background: none;

 color: #333;

 box-sizing: border-box;

 padding: 0 10px 0 10px;

 display: block;

}





.webq_bd_go {

 margin: 0;

 border: 0;

 width: 145px;

 height: 42px;

 cursor: pointer;

 color: #fff;

 line-height: 42px;

 text-align: center;

 font-size: 14px;

 background: #2066df;

 border-radius: 5px;

 float: left;

 margin-left: 25px;

}



.webq_bottom_yzm {

 float: left;

 width: 100px;

 height: 42px;

 line-height: 42px;

 background-color: rgba(255, 255, 255, 0.9);

}





.webq_bottom_yzmtu {

 float: left;

 width: 90px;

 height: 42px;

 margin-left: 20px;

}





.webq_bottom_yzmtu img {

 width: 90px;

 height: 42px;

 display: block;

}





.ly_d1 {

 width: 54px;

 height: 54px;

 position: absolute;

 left: 0;

 top: 0;

 background: url(../images/ly_d1.png) no-repeat 0;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.ly_d2 {

 width: 54px;

 height: 54px;

 position: absolute;

 left: 0;

 top: 0;

 background: url(../images/ly_d2.png) no-repeat 0;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.ly_d3 {

 width: 54px;

 height: 120px;

 position: absolute;

 left: 0;

 top: 0;

 background: url(../images/ly_d3.png) no-repeat 0;

 -webkit-transition: all .5s ease-out;

 transition: all .5s ease-out;

}





/*图标移动home*/



.lqy_jia .webq_bd_2 {

 padding: 0 72px 0 10px;

}



.lqy_jia .ly_d1 {

 left: 344px;

}



.lqy_jia .ly_d2 {

 left: 344px;

}



.lqy_jia .webq_bd_1 {

 padding: 0 72px 0 10px;

}



.lqy_jia .ly_d3 {

 left: 762px;

}





/*图标移动end*/





/*定义input的初始颜色home*/



.webq_bottom_r input::-webkit-input-placeholder {

 color: #666666;

}



.webq_bottom_r input::-moz-placeholder {

 color: #666666;

}



.webq_bottom_r input:-moz-placeholder {

 color: #666666;

}



.webq_bottom_r input:-ms-input-placeholder {

 color: #666666;

}



.webq_bottom_r textarea::-webkit-input-placeholder {

 color: #666666;

}



.webq_bottom_r textarea::-moz-placeholder {

 color: #666666;

}



.webq_bottom_r textarea:-moz-placeholder {

 color: #666666;

}



.webq_bottom_r textarea:-ms-input-placeholder {

 color: #666666;

}





.ly_tel {

 position: absolute;

 top: 360px;

 right: 0;

 font-size: 20px;

 color: #2066df;

 line-height: 30px;

 font-weight: bold;

 background: url(../images/ly_tel.png) no-repeat 0;

 padding-left: 40px;

}





/*定义input的初始颜色end*/



.daohang {

 width: 200px;

 height: 600px;

 position: absolute;

 left: 50%;

 top: 0;

 margin-left: 400px;

 background: #f8f8f8;

 z-index: 5;

}



.daohang_box {

 margin-top: 7px;

}



.daohang_box ul li {

 height: 51px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.daohang_box ul li a {

 line-height: 51px;

 margin: 0 5px;

 display: block;

 border-bottom: 1px solid #dddddd;

 padding-left: 45px;

}



.daohang_box ul li:hover {

 border-left: 4px solid #2066df;

 background: #cddbf3;

}



.daohang_box ul li:hover a {

 color: #333;

}





/*产品*/



.in_products_xx {

 width: 100%;

 height: auto;

 padding-top: 55px;

}





.in_pfl_box {

 width: 1200px;

 height: 72px;

 margin: 0 auto;

 overflow: hidden;

 position: relative;

}



.in_pfl {

 height: 72px;

 background: #2f3c48;

 padding: 0 105px;

}





.in_pfl ul li {

 float: left;

 width: 141px;

 text-align: center;

 margin-bottom: 20px;

 display: inline-block;

 border-radius: 5px;

 margin-top: 16px;

}



.in_pfl ul li a {

 display: block;

 height: 40px;

 line-height: 40px;

 overflow: hidden;

 font-size: 16px;

 border-radius: 20px;

 color: #fff;

}



.in_pfl ul li a:hover {

 color: #fff;

 background: #2066df;

}





.in_pfl_l {

 background: url(../images/cp_l.png) no-repeat center;

 display: block;

 width: 60px;

 height: 40px;

 position: absolute;

 top: 16px;

 left: 30px;

 cursor: pointer;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_pfl_l:hover {

 background: url(../images/cp_l.png) no-repeat center #2066df;

 border-radius: 5px;

}





.in_pfl_r {

 background: url(../images/cp_r.png) no-repeat center;

 display: block;

 width: 60px;

 height: 40px;

 position: absolute;

 top: 16px;

 right: 30px;

 cursor: pointer;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_pfl_r:hover {

 background: url(../images/cp_r.png) no-repeat center #2066df;

 border-radius: 5px;

}





.in_products_r {

 width: 100%;

 height: auto;

 margin: 0 auto;

 margin-top: 38px;

 padding-top: 40px;

 background: url(../images/cp_bg.jpg) no-repeat center top;

 padding-bottom: 55px;

}



.in_products_r .tab_box {

 width: 1200px;

 height: auto;

 margin: 0 auto;

 margin-top: 40px;

 overflow: hidden;

}



.in_products_pro {

 width: 105%;

 position: relative;

}



.in_pro_2 {

 float: left;

 width: 280px;

 margin: 0 27px 32px 0;

 overflow: hidden;

 position: relative;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

 background: #fff;

}





.in_pro_2 .in_pro_1pic {

 width: 100%;

 height: 200px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_pro_2 .in_pro_1pic img {

 width: 100%;

 height: 100%;

 transition: all 0.5s;

 transform: scale(1);

}



.in_pro_txt {

 font-size: 14px;

 height: 50px;

 line-height: 50px;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

 background: url(../images/cp_d1.png) no-repeat 240px;

}



.in_pro_txt a {

 color: #666;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 padding: 0 50px 0 20px;

}



.in_pro_2:hover {

 background: #2066df;

}



.in_pro_2:hover .in_pro_txt {

 background: url(../images/cp_d2.png) no-repeat 240px;

}



.in_pro_2:hover .in_pro_txt a {

 color: #fff;

}





.in_pro_txttwo {

 width: 100%;

 height: 200px;

 position: absolute;

 left: 0;

 top: 0;

 background-color: rgba(30, 45, 76, 0.6);

 pointer-events: none;



 visibility: hidden;

 -webkit-transform-origin: 0 50%;

 -moz-transform-origin: 0 50%;

 -ms-transform-origin: 0 50%;

 -o-transform-origin: 0 50%;

 transform-origin: 0 50%;

 -webkit-transform: perspective(600px) rotateY(0deg);

 -moz-transform: perspective(600px) rotateY(60deg);

 -ms-transform: perspective(600px) rotateY(60deg);

 -o-transform: perspective(600px) rotateY(60deg);

 transform: perspective(600px) rotateY(60deg);

 transform-style: preserve-3d;

 opacity: 0;

 transition: all .5s;

}



.in_pro_2:hover .in_pro_txttwo {

 -webkit-transform: perspective(800px) rotateY(60deg);

 -moz-transform: perspective(800px) rotateY(0deg);

 -ms-transform: perspective(800px) rotateY(0deg);

 -o-transform: perspective(800px) rotateY(0deg);

 transform: perspective(800px) rotateY(0deg);

 transform-style: preserve-3d;

 visibility: visible;

 opacity: 1;

 transition: all .5s;

}



/*产品end*/





.cp_tel {

 width: 1200px;

 height: 36px;

 margin: 0 auto;

 margin-top: 10px;

}



.cp_tel_l {

 float: right;

 font-size: 20px;

 font-weight: bold;

 line-height: 36px;

 color: #1f2d3a;

}



.cp_tel_l span {

 font-size: 30px;

}





.cp_tel_r {

 float: left;

 line-height: 36px;

 background: url(../images/t_tel.png) no-repeat 0;

 font-size: 18px;

 color: #1f2d3a;

 font-weight: bold;

 padding-left: 38px;

 margin-left: 20px;

}





.cp_tel_an {

 width: 120px;

 height: 36px;

 font-size: 16px;

 float: left;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.cp_tel_an a {

 color: #fff;

 display: block;

 line-height: 36px;

 text-align: center;

 background: #2066df;

 border-radius: 5px;

}



.cp_tel_an a:hover {

 color: #fff;

 background: #1f2d3a;

}





/*b_text_xx*/



.b_text_xx {

 text-align: center;

}



.b_text_xx h3 {

 height: 82px;

 line-height: 1;

 font-size: 36px;

 color: #17223a;

 font-weight: bold;

 background: url(../images/in_x1.png) no-repeat center bottom;

}



.b_text_xx h3 span {

 color: #2066df;

}



.b_text_xx h4 {

 height: 20px;

 line-height: 20px;

 text-align: center;

 font-size: 18px;

 color: #666;

 text-transform: uppercase;

 padding-top: 10px;

}





.b_text_xx h5 {

 height: 20px;

 line-height: 20px;

 text-align: center;

 font-size: 16px;

 color: #303d5b;

 text-transform: uppercase;

 padding-top: 10px;

}





/*特点*/



.tdbg {

 padding-top: 55px;

}





.in_td_r {

 width: 1200px;

 margin: 0 auto;

 padding-top: 45px;

}





.in_td_3 {

 width: 200px;

 height: 324px;

 float: left;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

 position: relative;

}





.in_td_bg1 {

 background: url(../images/fw_tu1.jpg) no-repeat bottom;

}



.in_td_bg2 {

 background: url(../images/fw_tu2.jpg) no-repeat bottom;

}



.in_td_bg3 {

 background: url(../images/fw_tu3.jpg) no-repeat bottom;

}



.in_td_bg4 {

 background: url(../images/fw_tu4.jpg) no-repeat bottom;

}



.in_td_bg5 {

 background: url(../images/fw_tu5.jpg) no-repeat bottom;

}



.in_td_bg6 {

 background: url(../images/fw_tu6.jpg) no-repeat bottom;

}





.in_td_3 h6 {

 font-size: 16px;

 line-height: 20px;

 height: 20px;

 color: #fff;

 display: block;

 padding-top: 30px;

 text-align: center;

}



.in_td_3 h5 {

 width: 20px;

 height: 2px;

 background: #fff;

 margin: 0 auto;

 margin-top: 14px;

}





.in_td_3bgone {

 width: 100%;

 height: 100%;

 background-color: rgba(31, 45, 58, 0.6);

 position: absolute;

 left: 0;

 bottom: 0;

 z-index: 3;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_td_3bgh {

 width: 100%;

 height: 100%;

 position: absolute;

 left: 0;

 bottom: 0;

 z-index: 2;

 opacity: 0;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_td_6 {

 width: 60px;

 height: 60px;

 margin: 0 auto;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 margin-top: 74px;

}



.in_td_6 i {

 width: 60px;

 height: 60px;

 display: block;

}



.in_td_6_1 {

 background: url(../images/fw_1.png) center no-repeat;

}





.in_td_6_2 {

 background: url(../images/fw_2.png) center no-repeat;

}



.in_td_6_3 {

 background: url(../images/fw_3.png) center no-repeat;

}



.in_td_6_4 {

 background: url(../images/fw_4.png) center no-repeat;

}



.in_td_6_5 {

 background: url(../images/fw_5.png) center no-repeat;

}



.in_td_6_6 {

 background: url(../images/fw_6.png) center no-repeat;

}





.in_td_3:hover {



}



.in_td_3:hover .in_td_3bgone {

 height: 346px;

 opacity: 1;

 background-color: rgba(32, 102, 223, 0.8);

 z-index: 5;

}





.in_td_3:hover .in_td_3bgh {

 height: 346px;

 opacity: 1;

}





.in_td_3:hover .in_td_6 {

 margin-top: 96px;

}





/*特点end*/





/*优势*/





.youshi {

 width: 100%;

 overflow: hidden;

 height: 750px;

 background: url(../images/ys_bg.jpg) no-repeat center top;

 margin-top: 60px;

}



.youshi_pro {

 width: 1200px;

 height: 750px;

 margin: 0 auto;

 position: relative;

}





.youshi_tel {

 width: 475px;

 height: 150px;

 position: absolute;

 left: 656px;

 bottom: 0;

 color: #fff;

 z-index: 5;

}



.youshi_tel_a {

 line-height: 34px;

 font-size: 20px;

}





.ys_tel2 {

 height: 36px;

 margin: 0 auto;

 margin-top: 20px;

}





.ys_tel2_l {

 float: right;

 font-size: 20px;

 font-weight: bold;

 line-height: 36px;

 color: #1f2d3a;

}



.ys_tel2_l span {

 font-size: 30px;

}





.ys_tel2_r {

 float: left;

 line-height: 36px;

 background: url(../images/ys_tel.png) no-repeat 0;

 font-size: 18px;

 color: #fff;

 padding-left: 38px;

 margin-left: 36px;

}





.ys_tel_an {

 width: 120px;

 height: 36px;

 font-size: 16px;

 float: left;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.ys_tel_an a {

 color: #fff;

 display: block;

 line-height: 36px;

 text-align: center;

 background: #2066df;

 border-radius: 5px;

}



.ys_tel_an a:hover {

 color: #2066df;

 background: #fff;

}





.youshi_pro .tab_box_2 {

 clear: both;
 width: 1200px;
 height: 750px;
 overflow: hidden;

}





.youshi_pro .tab_box_2 .hide {

 display: none;

}











/* 标签切换2，结束*/





.youshi_pro_1 {

 height: 750px;

 position: relative;

}



.youshi_pro_tu {

 float: left;

 width: 600px;

 height: 750px;

}



.youshi_pro_tu img {

 width: 600px;

 height: 750px;

}



.youshi_pro_2a {

 width: 600px;

 float: right;

 height: 750px;

 background: url(../images/ys_bg2.jpg) no-repeat 0;

}





.youshi_pro_2a_two {

 box-sizing: border-box;

 padding-left: 54px;

 padding-top: 62px;

 width: 600px;

 position: absolute;

 right: 0;

 top: 0;

 z-index: 5;

}





.youshi_pro_2a_two h6 {

 height: 50px;

 line-height: 50px;

 font-size: 43px;

 color: #fff;

 text-transform: uppercase;

 padding-top: 20px;

 font-weight: bold;

}





.youshi_pro_2a_two h5 {

 font-size: 18px;

 color: #fff;

 text-transform: uppercase;

 margin-top: 29px;

}





.youshi_pro_2a_two i {

 display: block;

 width: 56px;

 height: 4px;

 background: #fff;

 margin-top: 29px;

}





.youshi_pro_2_1 {

 padding-left: 54px;

 padding-right: 50px;

 padding-top: 272px;

}



.youshi_pro_2_1 h5 {

 height: 48px;

 line-height: 36px;

 color: #fff;

 font-size: 22px;

 font-weight: bold;

 padding-top: 50px;

}



.youshi_pro_2_1 h5 b {

 font-size: 36px;

 float: left;

 padding-right: 20px;

 font-weight: normal;

}





.youshi_pro_2_1 h6 {

 font-size: 14px;

 color: #cccccc;

 line-height: 30px;

 background: url(../images/ys_ds.png) no-repeat 0 12px;

 padding-left: 12px;

}





.youshi_pro_qq {

 background: url(../images/ys_l.png) no-repeat center;

 display: block;

 width: 56px;

 height: 128px;

 cursor: pointer;

 position: absolute;

 right: -56px;

 top: 310px;

 z-index: 10;

}





/*优势end*/





/*专区*/





.pingpai {

 width: 100%;

 padding-top: 55px;

}



.pingpai_pro {

 width: 1200px;

 height: auto;

 margin: 0 auto;

 position: relative;

 padding-top: 40px;

}





.zq_pfl {

 width: 1200px;

 height: 40px;

 margin: 0 auto;

 margin-top: 35px;

 overflow: hidden;

 text-align: center;

}





.zq_pfl ul li {

 margin: 0 16px;

 width: 130px;

 text-align: center;

 margin-bottom: 20px;

 display: inline-block;

 background: #eeeeee;

 border-radius: 5px;

}



.zq_pfl ul li a {

 display: block;

 height: 40px;

 line-height: 40px;

 overflow: hidden;

 font-size: 16px;

 border-radius: 5px;

 color: #666;

}



.zq_pfl ul li a:hover {

 color: #fff;

 background: #2066df;

}



.zq_pfl ul li.last a {

 color: #fff;

 background: #2066df;

}





.pingpai_r5 {



}





.pingpai_r5 ul li {

 float: left;

 width: 240px;

 height: 240px;

 position: relative;

 border: 1px solid #efefef;

 padding: 9px;

 border-radius: 50%;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 margin-left: 53px;

 margin-bottom: 28px;

}





.pingpai_r5 ul li.ml {

 margin-left: 0;

}



.pingpai_r5 ul li .bgi {

 width: 240px;

 height: 240px;

 border-radius: 50%;

 background: #f8f8f8;

 display: block;

}



.pingpai_r5 ul li .bg2 {

 height: 240px;

}



.pingpai_r5 ul li .bg2 i {

 height: 240px;

 display: block;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.pingpai_r5 ul li h6 {

 width: 100%;

 height: 70px;

 text-align: center;

 padding-top: 52px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.pingpai_r5 ul li h5 {

 width: 24px;

 height: 2px;

 background: #2066df;

 margin: 0 auto;

 margin-top: 20px;

}



.pingpai_r5 ul li h4 {

 font-size: 16px;

 line-height: 20px;

 text-align: center;

 padding-top: 20px;

}



.pingpai_r5 ul li b {

 width: 24px;

 height: 4px;

 background: #fff;

 margin: 0 auto;

 margin-top: 10px;

 display: block;

 opacity: 0;

}



.pingpai_r5 ul li span {

 display: block;

 padding: 17px 26px 0 26px;

 color: #8bb5fd;

 font-size: 14px;

 line-height: 24px;

 text-align: center;

 opacity: 0;

 visibility: hidden;

}





.pingpai_r5 ul li:hover {

 border: 1px solid #2066df;

 background: #2066df;

}



.pingpai_r5 ul li:hover .bgi {

 background: #2066df;

 border: 1px solid #fff;

 box-sizing: border-box;

}



.pingpai_r5 ul li:hover h6 {

 visibility: hidden;

 height: 0;

 opacity: 0;

}



.pingpai_r5 ul li:hover h5 {

 display: none;

}





.pingpai_r5 ul li:hover h4 {

 color: #fff;

}



.pingpai_r5 ul li:hover b {

 opacity: 1;

}



.pingpai_r5 ul li:hover span {

 opacity: 1;

 visibility: visible;

}





.pingpai_r5 ul li .bg2 i.lc1 {

 background: url(../images/01.png) no-repeat center 56px;

}



.pingpai_r5 ul li .bg2 i.lc2 {

 background: url(../images/02.png) no-repeat center 56px;

}



.pingpai_r5 ul li .bg2 i.lc3 {

 background: url(../images/03.png) no-repeat center 56px;

}



.pingpai_r5 ul li .bg2 i.lc4 {

 background: url(../images/04.png) no-repeat center 56px;

}



.pingpai_r5 ul li .bg2 i.lc5 {

 background: url(../images/05.png) no-repeat center 56px;

}



.pingpai_r5 ul li .bg2 i.lc6 {

 background: url(../images/06.png) no-repeat center 56px;

}



.pingpai_r5 ul li .bg2 i.lc8 {

 background: url(../images/07.png) no-repeat center 56px;

}



.pingpai_r5 ul li .bg2 i.lc8 {

 background: url(../images/08.png) no-repeat center 56px;

}





.pingpai_r5 ul li:hover .bg2 i.lc1 {

 background: url(../images/01b.png) no-repeat center 52px;

}



.pingpai_r5 ul li:hover .bg2 i.lc2 {

 background: url(../images/02b.png) no-repeat center 52px;

}



.pingpai_r5 ul li:hover .bg2 i.lc3 {

 background: url(../images/03b.png) no-repeat center 52px;

}



.pingpai_r5 ul li:hover .bg2 i.lc4 {

 background: url(../images/04b.png) no-repeat center 52px;

}



.pingpai_r5 ul li:hover .bg2 i.lc5 {

 background: url(../images/05b.png) no-repeat center 52px;

}



.pingpai_r5 ul li:hover .bg2 i.lc6 {

 background: url(../images/06b.png) no-repeat center 52px;

}



.pingpai_r5 ul li:hover .bg2 i.lc7 {

 background: url(../images/07b.png) no-repeat center 52px;

}



.pingpai_r5 ul li:hover .bg2 i.lc8 {

 background: url(../images/08b.png) no-repeat center 52px;

}





/*专区end*/





/*案例*/



.cases {

 width: 100%;

 height: auto;

 padding-top: 30px;

}



.casesbox {

 margin-top: 40px;

 height: 620px;

}



.casesbox .swiper-container {

 height: 620px;

}



.casesbox .swiper-slide {

 width: 1140px;

 height: 620px;

 overflow: hidden;

}



.casesbox .swiper-slide img {

 width: 1140px;

 height: 620px;

 transform: scale(1);

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.casesbox .swiper-slide img:hover {

 transform: scale(1.05);

}





.casesbox .swiper-slide .title {

 position: absolute;

 width: 1140px;

 height: 80px;

 left: 0;

 bottom: 0;

 background-color: rgba(32, 102, 223, 0.8);

 z-index: 4;

}





.casesbox .swiper-slide .title a {

 line-height: 75px;

 color: #fff;

 display: block;

 text-align: center;

 padding: 0 40px;

 font-size: 20px;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.casesbox .swiper-slide .title {

 display: none;

}





.casesbox .swiper-slide-active .title {

 display: block;

}





.casesbox .swiper-button-prev {

 width: 90px;

 height: 80px;

 top: auto;

 left: 50%;

 bottom: 0;

 background: url(../images/al_l.png) no-repeat center;

 z-index: 10;

 transition: 0.2s;

 margin-top: 0;

 margin-left: -570px;

}



.casesbox .swiper-button-next {

 width: 90px;

 height: 80px;

 right: 50%;

 top: auto;

 bottom: 0;

 background: url(../images/al_r.png) no-repeat center;

 z-index: 10;

 transition: 0.2s;

 margin-top: 0;

 margin-right: -570px;

}





.casesbox .swiper-button-prev:hover, .swiper-button-next:hover {

 opacity: 0.8;

}





.casesbox .sleft {

 position: absolute;

 width: 400px;

 height: 100%;

 right: 50%;

 top: auto;

 bottom: 0;

 background-color: rgba(0, 0, 0, 0.6);

 z-index: 10;

 transition: 0.2s;

 margin-top: 0;

 margin-right: 600px;

}





.casesbox .sright {

 position: absolute;

 width: 400px;

 height: 100%;

 left: 50%;

 top: auto;

 bottom: 0;

 background-color: rgba(0, 0, 0, 0.6);

 z-index: 10;

 transition: 0.2s;

 margin-top: 0;

 margin-left: 600px;

}





.zuoping_box {

 width: 100%;

 overflow: hidden;

 padding-top: 25px;

}



.zuoping_box .swiper-container {

 width: 100%;

 height: 100%;

}



.zuoping_box .swiper-slide {

 float: left;

 width: 20% !important;

}





.zuoping_box .swiper-button-next.swiper-button-disabled,

.zuoping_box .swiper-button-prev.swiper-button-disabled {

 opacity: 1;

 cursor: auto;

 pointer-events: none;

}





.zuoping_box .swiper-container:hover {

 cursor: url("../images/swiper_jt.png"), default;

}



.zuoping_box .swiper-slide a:hover {

 cursor: url("../images/swiper_jt.png"), default;

}





.zuoping_pro {

 margin: 0 3.5%;

 position: relative;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 overflow: hidden;

 background: #fff;

 box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.08);

 margin-bottom: 20px;

}



.zuoping_pic {

 padding-top: 72%;

 overflow: hidden;

 position: relative;

}



.zuoping_pic img {

 position: absolute;

 left: 0;

 top: 0;

 width: 100%;

 height: 100%;

 transform: scale(1);

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.zuoping_txt {

 width: 100%;

 height: 62px;

 overflow: hidden;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 background: url(../images/al_d1.png) no-repeat right #f8f8f8;

}



.zuoping_txt a {

 color: #333;

 font-size: 16px;

 line-height: 62px;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 padding: 0 60px 0 15px;

 -webkit-transition: all .6s ease-out;

 transition: all .6s ease-out;

}





.zuoping_pro:hover .zuoping_txt {

 background: url(../images/al_d2.png) no-repeat right #2066df;

}



.zuoping_pro:hover .zuoping_txt a {

 color: #fff;

}





.zuoping_pro:hover .zuoping_pic img {

 transform: scale(1.1);

}





/*简介*/



.in2_about {

 width: 100%;

 padding-top: 30px;

}



.in2_about_1 {

 width: 1200px;

 margin: 0 auto;

 margin-top: 36px;

 position: relative;

 background: #f8f8f8;

 height: 320px;

}



.in2_about_2 {

 float: left;

 width: 600px;

 height: 320px;

}



.in2_about_2 .in_aimgscale {

 width: 600px;

 height: 320px;

 overflow: hidden;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in2_about_2 .in_aimgscale img {

 width: 600px;

 height: 320px;

}



.in2_about_2 .in_aimgscale:hover {

 transform: translate(-5px, -5px);

 -webkit-transform: translate(-5px, -5px);

 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);

}





.in2_about_3x {

 float: right;

 width: 530px;

 height: 320px;

}



.in2_about_6 {

 padding: 55px 0 0 0;

}



.in2_about_4a {

 width: 32px;

 height: 5px;

 background: #2066df;

 margin-top: 20px;

}





.in2_about_4c {

 font-size: 20px;

 color: #333;

 line-height: 34px;

 height: 34px;

 font-weight: bold;

}





.in2_about_3 {

 line-height: 30px;

 height: 120px;

 overflow: hidden;

 padding: 15px 30px 0 0;

 font-size: 14px;

 color: #666;

}





.in2_about_5 {

 height: auto;

}





.about_more {

 width: 132px;

 height: 45px;

 font-size: 14px;

 margin-top: 45px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 float: left;

 border-radius: 23px;

 box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.15);

 background: #1f2d3a;

 overflow: hidden;

}



.about_more a {

 color: #fff;

 display: block;

 line-height: 45px;

 text-align: center;

 text-transform: uppercase;

}



.about_more a:hover {

 background: #2066df;

 color: #fff;

}



.about_more:hover {

 border-radius: 5px;

}





/*简介end*/





/*b_tite*/



.b_tite {

 width: 1200px;

 height: 26px;

 margin: 0 auto;

}



.b_tite h3 {

 line-height: 26px;

 font-size: 18px;

 color: #333;

 font-weight: bold;

 float: left;

}



.b_tite h3 a:hover {

 color: #2066df;

}



.b_tite h5 {

 line-height: 26px;

 font-size: 18px;

 text-transform: uppercase;

 color: #2066df;

 float: left;

 padding-left: 10px;

}





/*公司新闻*/





.gs_news_x {

 padding-top: 38px;

}



.gs_news_2 {

 width: 1226px;

 height: 140px;

 margin: 0 auto;

 position: relative;

 padding-top: 20px;

}





.in_newss_6x {

 width: 1226px;

 margin: 0 auto;

}



.in_newss_7 {

 float: left;

 width: 380px;

 height: 120px;

 background: #f8f8f8;

 overflow: hidden;

 position: relative;

 margin: 0 13px 20px 13px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.08);

}





.in_news_5_1 {

 float: left;

 width: 107px;

 height: 120px;

 text-align: center;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_news_5_1 h5 {

 height: 40px;

 line-height: 40px;

 font-size: 38px;

 padding-top: 20px;

 color: #333333;

 font-weight: bold;

}



.in_news_5_1 h6 {

 line-height: 20px;

 font-size: 12px;

 color: #999;

}





.in_newss_7_2 {

 float: right;

 width: 273px;

 height: 120px;

}



.in_newss_7_2 h6 {

 height: 30px;

 line-height: 30px;

 overflow: hidden;

 font-size: 16px;

 padding-top: 18px;

 padding-right: 24px;

}



.in_newss_7_2 h6 a {

 height: 30px;

 line-height: 30px;

 color: #333;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.in_newss_7_2 h4 {

 color: #666666;

 font-size: 14px;

 line-height: 28px;

 height: 28px;

 overflow: hidden;

 padding-right: 24px;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.in_newss_7_2 i {

 display: block;

 height: 32px;

 margin-top: 11px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 border-top: 1px solid #cccccc;

 position: relative;

 z-index: 5;

}



.in_newss_7_2 i a {

 line-height: 32px;

 display: block;

 color: #666;

 background: url(../images/news_jt.png) no-repeat 0;

}



.in_newss_7_2 h6 a:hover {

 padding-left: 10px;

 color: #2066df;

}



.in_newss_7:hover .in_newss_7_2 i {

 border-top: 1px solid #2066df;

}





.in_newss_7:hover .in_newss_7_2 i a {

 background: url(../images/news_jt.png) no-repeat 208px;

 color: #fff;

 padding-left: 12px;

}





.in_newss_7_2 i:before {

 position: absolute;

 content: '';

 bottom: 0;

 width: 0;

 height: 32px;

 background: #2066df;

 z-index: -1;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_newss_7:hover .in_newss_7_2 i:before {

 width: 100%;

}





/*公司新闻end*/







/*新闻*/



.in_newsfaq_ss {

 padding-top: 40px;

 position: relative;

 background: #f8f8f8;

 padding-bottom: 32px;

 margin-top: 40px;

}



.in_newsfaq {

 width: 1200px;

 height: 480px;

 margin: 0 auto;

 position: relative;

 margin-top: 25px;

 overflow: hidden;

}





.news_tab {

 height: 62px;

 overflow: hidden;

 background: url(../images/n_line2.png) no-repeat bottom;

}



.news_tab ul {



}



.news_tab ul li {

 float: left;

 width: 160px;

 line-height: 60px;

 font-size: 20px;

 color: #333;

 cursor: pointer;

}



.news_tab ul li i {

 display: block;

 font-weight: bold;

 padding-left: 52px;

}



.news_tab ul li i.n_d1 {

 background: url(../images/n_d1a.png) no-repeat 17px;

}



.news_tab ul li i.n_d2 {

 background: url(../images/n_d2a.png) no-repeat 15px;

}





.news_tab ul li.on {

 color: #2066df;

 border-bottom: 2px solid #2066df;

}



.news_tab ul li.on i.n_d1 {

 background: url(../images/n_d1b.png) no-repeat 17px;

}



.news_tab ul li.on i.n_d2 {

 background: url(../images/n_d2b.png) no-repeat 15px;

}





.news_tit {

 width: 220px;

 height: 60px;

 line-height: 60px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 position: absolute;

 top: 102px;

 right: 50%;

 margin-right: -600px;

 z-index: 5;

 font-size: 72px;

 color: #3e88dc;

 font-weight: bold;

}





.in_news_1 {

 padding-top: 25px;

 overflow: hidden;

}





.in_news_1 .tab_box_news {



}





.news_more {

 width: 100px;

 height: 40px;

 font-size: 16px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 position: absolute;

 top: 10px;

 right: 0;

}



.news_more a {

 color: #666;

 display: block;

 line-height: 40px;

 text-align: right;

 text-transform:uppercase;

}



.news_more a:hover {

 color: #2066df;

}





.in_news_2 {

 float: left;

 width: 580px;

}





.in_newss_4 {

 width: 580px;

 position: relative;

 overflow: hidden;

}



.in_newss_4_1 {

 width: 100%;

height: 246px;

 overflow: hidden;

}



.in_newss_4_1 img {

 width: 100%;

 height: auto;

 transition: all 0.5s;

 transform: scale(1);

 margin-top: -100px;

}



.in_newss_4_1 a:hover img {

 transition: all 0.5s;

 transform: scale(1.06);

}





.in_newss_4_2 {

 padding-top: 25px;

}





.in_newss_4_2 h6 {

 height: 30px;

 line-height: 30px;

 overflow: hidden;

 font-size: 16px;

}



.in_newss_4_2 h6 a {

 height: 30px;

 line-height: 30px;

 color: #333;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 padding-right: 20px;

}



.in_newss_4_2 h6 a b {

 color: #2066df;

}



.in_newss_4_2 h6 span {

 float: right;

 font-size: 14px;

 color: #666;

}



.in_newss_4_2 h6 a:hover {

 color: #2066df;

 padding-left: 10px;

}





.in_newss_4_2 h4 {

 color: #666666;

 font-size: 14px;

 line-height: 30px;

 height: 60px;

 overflow: hidden;

 padding-top: 10px;

}





.in_newss_four {

 width: 555px;

 float: right;

}



.in_nfourbox {

 height: 105px;

 overflow: hidden;

 position: relative;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 border-bottom: 1px dashed #cccccc;

 margin-bottom: 25px;

}





.in_nfourbox_1 {

 float: left;

 width: 98px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 text-align: center;

 margin: 0 0 0 10px;

}



.in_nfourbox_1 h5 {

 height: 45px;

 line-height: 40px;

 font-size: 44px;

 color: #333;

 font-weight: bold;

 padding-top: 0px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_nfourbox_1 h6 {

 line-height: 20px;

 font-size: 12px;

 color: #999;

}



.in_nfourbox_line {

 width: 17px;

 height: 72px;

 float: left;

 border-left: 1px dashed #cccccc;

}



.in_nfourbox_2 {

 float: left;

 width: 428px;

}





.in_nfourbox_2 h6 {

 height: 30px;

 overflow: hidden;

 font-size: 16px;

}



.in_nfourbox_2 h6 a {

 height: 30px;

 line-height: 20px;

 color: #333;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.in_nfourbox_2 h6 a:hover {

 color: #2066df;

 padding-left: 10px;

}





.in_nfourbox_2 h4 {

 color: #666666;

 font-size: 14px;

 line-height: 30px;

 height: 60px;

 overflow: hidden;

}



.in_nfourbox:hover .in_nfourbox_1 h5 {

 color: #2066df;

}



.in_nfourbox:hover .in_nfourbox_1 h6 {

 color: #2066df;

}



/*新闻end*/



.fcc_bg{

 margin-top: 40px;

 overflow: hidden;

}





.fcc_tab {

 width: 1200px;

 height: 80px;

 margin: 0 auto;

 overflow: hidden;

 text-align: center;

}





.fcc_tab ul li {

 margin: 0 17px;

 width: 132px;

 height: 45px;

 text-align: center;

 margin-bottom: 20px;

 display: inline-block;

 background: #1f2d3a;

 border-radius: 23px;

 box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.2);

}



.fcc_tab ul li a {

 display: block;

 line-height: 45px;

 overflow: hidden;

 font-size: 16px;

 color: #fff;

}





.fcc_tab ul li.on {

 color: #fff;

 background: #2066df;

 box-shadow: 0 10px 10px 0px rgba(32, 102, 223, 0.2);

}







.fcc_one{



}



.fcc_two{



}



.fcc_box {

 width: 100%;

 overflow: hidden;

}





.fcc_li {

 float: left;

 width: 20%;

 margin-bottom: 20px;

}





.fcc_pro {

 margin: 0 3.5%;

 position: relative;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 overflow: hidden;

 background: #fff;



}



.fcc_pic {

 padding-top: 72%;

 overflow: hidden;

 position: relative;

}



.fcc_pic img {

 position: absolute;

 left: 0;

 top: 0;

 width: 100%;

 height: 100%;

 transform: scale(1);

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.fcc_txt {

 width: 100%;

 height: 100%;

 overflow: hidden;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 position: absolute;

 left: 0;

 top: 0;

 box-sizing: border-box;

 background-color: rgba(0, 0, 0, 0.6);

 opacity: 0;

}



.fcc_txt i {

 display: block;

 height: 100%;

 box-sizing: border-box;

 overflow: hidden;

 position: relative;

}



.fcc_txt i h5 a {

 color: #fff;

 font-size: 16px;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 padding: 24% 10% 0 10%;

 -webkit-transition: all .6s ease-out;

 transition: all .6s ease-out;

 text-align: center;

}



.fcc_txt i h5 a:hover {

 text-decoration: underline;

}





.fcc_txt i h4 {

 width: 100%;

 -webkit-transition: all .5s ease-out;

 transition: all .5s ease-out;

 margin-top: 30px;

}



.fcc_txt i h4 a {

 color: #fff;

 font-size: 14px;

 display: block;

 line-height: 34px;

 border: 1px solid #fff;

 width: 130px;

 margin: 0 auto;

 text-align: center;

 text-transform: uppercase;

}



.fcc_txt i h4 a:hover {

 background: #ffffff;

 color: #2b75dd;

}





.fcc_pro:hover .fcc_pic img {

 transform: scale(1.1);

}



.fcc_pro:hover .fcc_txt {

 opacity: 1;

 transform: scale(1);

}







.fcc_txt h6 {

 width: 50px;

 height: 50px;

 background:url(../images/fcc_d1.png) no-repeat center;

 background-size: 0px;

 position: absolute;

 right: 8%;

 top: 8%;

 display: block;

 z-index: 3;

 -webkit-transition: all .5s ease-out;

 transition: all .5s ease-out;

}





.fcc_li:hover .fcc_txt h6 {

 opacity: 1;

 -webkit-transform: rotateZ(360deg);

 -moz-transform: rotateZ(360deg);

 -o-transform: rotateZ(360deg);

 -ms-transform: rotateZ(360deg);

 transform: rotateZ(360deg);



 background-size: 50px;

}