/*页面通用部分*/
.box_In{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear::after{
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
}
.clear{
        zoom: 1;
}
.a_btn{width: 345px;height: 73px;text-align: center;line-height: 73px;color: #fff;background: #F50455;margin: 70px auto 0;border-radius: 73px;display: block;font-size: 24px;box-shadow: 0 8px 10px #630434;}
.a_btn:hover{position: relative;top: 3px;box-shadow:none;}
/*标题*/
.box_hd{text-align: center;padding:50px 0 35px;}
.box_hd h2{display: inline-block;position: relative;font-size: 34px;color: #333333;font-weight: bold;padding-left:190px;padding-right:190px;}
.box_hd .icon1{position: absolute;top: 10px;left: 0;}
.box_hd .icon2{position: absolute;top: 10px;right: 0;}
.box_hd p{font-size: 20px;color: #333;margin-top: 12px;}
.box_hd h3{display: inline-block;position: relative;font-size: 18px;color: #333333;padding-left:40px;padding-right:28px;}
.box_hd1{padding-top: 5px;padding-bottom: 30px;}
.box_hd1 .icon1{top: 5px;}
.box_hd1 .icon2{top: 5px;}
.box_hd2 h2{font-size: 26px;padding: 0 45px;}
.box_hd2 .icon1{top: 8px;}
.box_hd2 .icon2{top: 8px;}
.box_hd.white h2,.box_hd.white p{color: #fff;}
.a_btn{width: 480px;height: 73px;text-align: center;line-height: 73px;color: #fff;background: #4f6ff4;margin:30px auto 60px;border-radius: 73px;display: block;font-size: 28px;box-shadow: 0 8px 0px #aabbff;}
.a_btn:hover{position: relative;top: 3px;box-shadow:none;}
/*ban页面开始*/
.ban .slideBox{width:100%;height:680px; overflow:hidden; position:relative; }
.ban .slideBox .hd{width: 40px;height:15px; overflow:hidden; position:absolute; left:50%;margin-left: -18px;bottom:28px; z-index:1; }
.ban .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.ban .slideBox .hd ul li{ float:left; margin-right:6px;width:12px; height:12px;background:#fff; cursor:pointer;border-radius: 50%;}
.ban .slideBox .hd ul li.on{ background:#8BD1F3;width:13px; height:13px;}
.ban .slideBox .bd{ position:relative; height:100%; z-index:0;}
.ban .slideBox .bd li{ zoom:1; vertical-align:middle; }
.ban .li1{background: url(../images/ban_img1.jpg) no-repeat center;height: 680px;}
.ban .li2{background: url(../images/ban_img2.jpg) no-repeat center;height: 680px;}
.kb_box{background: #fbfbfb;}
.lay_kbinfo .city_class{background: #fbfbfb;}
/*box1开始*/
.box1 img{display: block;margin: 0 auto;}
.box1 .top{position: relative;}
.box1 .top h2{font-size: 28px;color: #fff;text-align: center;position: absolute;top: 13px;left: 0;width: 100%;}
.box1 ul{width: 900px;margin: 0 auto 55px;overflow: hidden;}
.box1 ul li{width: 230px;float: left;margin-top: 8px;transition: margin-top .5s;-moz-transition: margin-top .5s;-webkit-transition: margin-top .5s; -o-transition: margin-top .5s;}
.box1 ul .li2{margin-left: 105px ;margin-right: 102px ;}
.box1 ul li p{font-size: 20px;text-align: center;margin-top: 10px;line-height: 30px;}
.box1 ul li:hover{margin-top: 3px;}
.box1 .img_box{width: 152px;height: 152px;margin: 0 auto; overflow: hidden;position: relative;}
.box1 .img_box .imgbg{animation:myzhuandong 3s linear  infinite;-webkit-animation:myzhuandong 3s linear  infinite;-moz-animation:myzhuandong 3s linear infinite ;-o-animation:myzhuandong 3s linear  infinite ;position: absolute;top: 0px;left: 0px;width: 152px;height: 152px;z-index: 9;}
.box1 .img_box i{position: absolute;top: 10px;left: 10px;width: 132px;height: 132px;border-radius: 50%;z-index: 999;background: url("../images/pic.png") no-repeat 0 0;}
.box1 .box1pic2 .img_box i{background-position: -134px 0;}
.box1 .box1pic3 .img_box i{background-position: -268px 0;}
/*box2开始*/
.box2{
    background: #2d0bcf;
    background: -moz-linear-gradient(top,  #2d0bcf 0%, #703efa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d0bcf), color-stop(100%,#703efa));
    background: -webkit-linear-gradient(top,  #2d0bcf 0%,#703efa 100%);
    background: -o-linear-gradient(top,  #2d0bcf 0%,#703efa 100%);
    background: -ms-linear-gradient(top,  #2d0bcf 0%,#703efa 100%);
    background: linear-gradient(to bottom,  #2d0bcf 0%,#703efa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0bcf', endColorstr='#703efa',GradientType=0 );
}
:root .box2{filter:none;}
.box2 .main{background: url(../images/box2_img1.png) no-repeat center;width: 975px;height: 626px;margin: 0 auto;overflow: hidden;position: relative;}
.box2 .fl,.box2 .fr{width: 423px;}
.box2 .con{width: 225px;overflow: hidden;}
.box2 .con p{width: 108px;float: left;text-align: right;font-size: 18px;color: #fff;margin-top: 10px;margin-right: 12px;}
.box2 .con .img_box{width: 104px;float: left;}
.box2 .con .img_box i{display: block;width: 46px;height: 46px;margin: 0 auto;vertical-align: middle;transition: all .8s;-moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s;background: url("../images/pic.png") no-repeat 0 -134px;}
.box2 .con3 .img_box i{background-position: -48px -134px;}
.box2 .con2 .img_box i{background-position: -96px -134px;}
.box2 .con1 .img_box i{background-position: -144px -134px;}
.box2 .con5 .img_box i{background-position: -192px -134px;}
.box2 .con6 .img_box i{background-position: -240px -134px;}
.box2 .con7 .img_box i{background-position: -288px -134px;}
.box2 .con8 .img_box i{background-position: -336px -134px;}
.box2 .con1{margin-left: 195px;margin-top: 35px;}
.box2 .con2{margin-left: 33px;margin-top: 70px;}
.box2 .con3{margin-left: -24px;margin-top: 111px;}
.box2 .con4{margin-left: 15px;margin-top: 102px;}
.box2 .fr  .con p{text-align: left;margin-left: 12px;margin-right: 0;}
.box2 .con5{margin-left: -5px;margin-top: 35px;}
.box2 .con6{margin-left: 173px;margin-top: 74px;}
.box2 .con7{margin-left: 219px;margin-top: 100px;}
.box2 .con8{margin-left: 166px;margin-top: 107px;}
.box2 .main .p1{position: absolute;font-size: 24px;line-height: 38px;color: #fff;text-align: center;width: 330px;left: 50%;margin-left: -165px;top: 282px;}
.box2 .main .p1 span{font-size: 34px;line-height: 44px;font-weight: bold;}
.box2 .con:hover img{transform: rotateY(360deg);}
/*box3开始*/
.box3 img{display: block;margin: 0 auto;}
.box3 .p1{font-size: 16px;text-align: center;margin: 4px 0;}
.box3 .p1 span{display: block;font-size: 14px;color: #2947c7;margin-top: 3px;}
/*box4开始*/
.box4{background:#fbfbfb;}
.box4 .main{position: relative;}
.box4 .fl,.box4 .fr{width: 572px;border: 1px solid #7472f4;border-radius: 10px;padding-bottom: 30px;box-shadow: 0 5px 15px rgba(94,89,243,.25);margin-top: 10px;}
.box4 .fl{background:#e3e9ff url(../images/box4_img1.jpg) no-repeat 0 0;margin-left: 15px;}
.box4 .fr{background:#ffffff url(../images/box4_img2.jpg) no-repeat 0 0;margin-right: 15px;}
.box4 .main h3{font-size: 26px;font-weight: bold;text-align: center;padding: 45px 0;}
.box4 .main .con{width: 470px;margin: 0 0 30px 60px;overflow: hidden;}
.box4 .main .con span{width: 6px;height: 6px;border-radius: 50%;background: #333;display: block;float: left;margin-top: 10px;}
.box4 .main .con p{float: right;width: 455px;background:url(../images/box4_icon1.jpg) no-repeat top right;font-size: 18px;padding-right:50px;box-sizing: border-box;}
.box4 .main .fr .con p{background:url(../images/box4_icon2.jpg) no-repeat top right;}
.box4 .main .fl .con{margin: 0 0 30px 30px;}
.box4 .main .img{position: absolute;top: 215px;left: 50%;margin-left: -88px;}
/*box5开始*/
.box5{
	margin-top: -100px;
	padding: 120px 0 55px;
    background: #8d52f8;
    background: -moz-linear-gradient(left,  #8d52f8 0%, #505bf1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d52f8), color-stop(100%,#505bf1));
    background: -webkit-linear-gradient(left,  #8d52f8 0%,#505bf1 100%);
    background: -o-linear-gradient(left,  #8d52f8 0%,#505bf1 100%);
    background: -ms-linear-gradient(left,  #8d52f8 0%,#505bf1 100%);
    background: linear-gradient(to right,  #8d52f8 0%,#505bf1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d52f8', endColorstr='#505bf1',GradientType=0 );
}
:root .box5{filter:none;}
.box5 .main ul{width: 1220px}
.box5 .main ul li{float: left;width: 240px;position: relative;height: 564px;}
.box5 .main ul li img{display: block;margin-top: 28px;}
.box5 .main ul li .box4_con{position: absolute; padding: 20px 18px 0;width: 240px;height: 564px;left: 0;top: 0;background: #8815f4;border-radius: 15px;transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transform: translate3d(0, 0, 0) scale(0);box-sizing: border-box;}
.box5 .main ul li .box4_con h2{font-size: 22px;color: #fff;font-weight: bold;margin-bottom: 15px;text-align: center;margin-top:  30px;}
.box5 .main ul li .box4_con p{font-size: 16px;color: #fff;margin-bottom: 20px;line-height: 30px;}
.box5 .main ul li:hover .box4_con{transform: translate3d(0, 0, 0) scale(1);}
.box6{overflow: hidden;}
.box6 img{display: block;margin-left: -15px;}
.box6 .btm{background: url(../images/box6_img2.jpg) no-repeat center;height: 109px;}
.box6 .btm p{font-size: 20px;font-weight: bold;color: #fff;text-align: center;padding-top: 26px;line-height: 28px;}
/*box7开始*/
.box7 ul{overflow: hidden;width: 1065px;margin: 0 auto;}
.box7 ul li{width: 274px;margin:  25px 40px;float: left;background: #fff;box-shadow: 0 5px 22px rgba(94,89,243,.21);border-radius: 10px;overflow: hidden;background:#fff url(../images/box7_img4.jpg) no-repeat center bottom;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.box7 ul li img{display: block;margin: 40px auto 0;}
.box7 ul li h3{font-size: 20px;font-weight: bold;text-align: center;margin: 20px 0 10px;}
.box7 ul li p{font-size: 16px;text-align: center;margin: 0 auto 15px;width: 220px;line-height: 26px;}
.box7 ul li h4{font-size: 16px;color: #fff;text-align: center;height: 64px;line-height: 64px;}
.box7 ul .li1{background-image: url(../images/box7_img5.jpg);}
.box7 ul li:hover{margin-top: 15px;box-shadow: 0 10px 25px rgba(94,89,243,.6);}
/*box8开始*/
.box8{background: url(../images/box8_bg.png) no-repeat bottom center ; height: 920px;position: relative;z-index: 999;}
.box8 .scrollDiv {width: 100%;float:left;height:600px;padding-bottom: 20px;}
.box8 .scrollDiv ol{width: 100%;}
.box8 .scrollDiv ol li{width: 100%; overflow: hidden;height: 34px;line-height:34px;text-align: center;}
.box8 .scrollDiv  p{font-size:16px;color: #333;float: left;}
.box8 .main{width: 870px;margin: 65px auto 0;overflow: hidden;}
.box8 .main .fl,.box8 .main .fr{padding: 30px 0 0px 50px;}
.box8 .main .fr{padding-left: 0!important;padding-right: 55px;}
/*box9开始*/
.box9{margin-top: -100px;
	padding: 85px 0 30px;
	background: #2d0bcf;
    background: -moz-linear-gradient(top,  #2d0bcf 0%, #713ffa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d0bcf), color-stop(100%,#713ffa));
    background: -webkit-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: -o-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: -ms-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: linear-gradient(to bottom,  #2d0bcf 0%,#713ffa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0bcf', endColorstr='#713ffa',GradientType=0 );
}
:root .box9{filter:none;}
.box9 .main{width: 1134px;height: 544px; position: relative;margin: 0 auto;}
.box9 .main{}
.box9 .img1{position: absolute; top: 0;left: 0;animation:mybing1 3s  infinite;
-webkit-animation:mybing1 3s  infinite;-moz-animation:mybing1 3s infinite ;-o-animation:mybing1 3s  infinite ;}
.box9 img{animation:mybing2 3s  infinite;-webkit-animation:mybing2 3s  infinite;-moz-animation:mybing2 3s infinite ;-o-animation:mybing2 3s  infinite ;}
.box9 .a_btn{background: #fff;box-shadow: 0 8px 0px #5833f9;color: #866aff;margin: 40px auto  30px;}
.box9 .a_btn:hover{box-shadow: none;}
/*box10开始*/
.box10{background: #fbfbfb;}
.box10 .video_box{width: 830px;margin: 0 auto;}
.box10 .video_box video{border-radius: 8px;box-shadow: 0 10px 20px  rgba(140,210,255,.3);}
.box10 .main{ background: url(../images/box10_img1.jpg) no-repeat top  center;height: 650px;margin-top: 30px;}
.box10 .main .box_In{position: relative;}
.box10 .main ol{overflow: hidden;width: 1200px;height: 310px;}
.box10 .main ol li{position: absolute;}
.box10 .main ol li>div{border: 5px solid #fbfbfb;width: 28px;height: 28px;margin: 10px 0 20px;border-radius: 50%;margin-left: 30px;}
.box10 .main ol li p{font-size: 16px;color: #333;font-weight: bold;text-align: center;}
.box10 .main ol li span{width: 18px;height: 18px;background: #7d54f6;border-radius: 50%;border:5px solid #dcd0ff ;display: block;}
.box10 .main ol li.on p{color: #0391ff;}
.box10 .main ol li.on span{background: #0391ff;border:5px solid #d2ebff;}
.box10 .main ol .li1{top:156px;left: 15px;}
.box10 .main ol .li2{top:90px;left: 125px;}
.box10 .main ol .li3{top:90px;left: 270px;}
/*.box10 .main ol .li3>div{margin-left: 10px;}*/
.box10 .main ol .li4{top:14px;left: 397px;}
.box10 .main ol .li5{top:70px;left: 560px;}
.box10 .main ol .li5>div{margin-left: 10px;}
.box10 .main ol .li6{top:77px;left: 686px;}
.box10 .main ol .li7{top:158px;left: 815px;}
.box10 .main ol .li8>div{margin-left:52px;}
.box10 .main ol .li8{top:112px;right: 135px;}
.box10 .main ol .li9{top:130px;right: 17px;}
.box10 .main .btm{background: #fff;box-shadow: 0 0 20px rgba(140,210,255,.31);border-radius: 8px;}
.box10 .main .btm_con{padding: 43px 0 25px;display: none;}
.box10 .main .btm_con.show{display: block}
.box10 .main .btm_con .fl{width: 486px;}
.box10 .main .btm_con .fr{width: 664px;margin-right: 25px;}
.box10 .main .btm_con .fr img{border: 1px solid #cccccc;}
.box10 .main .fl h3{font-size: 20px;font-weight: bold;margin-bottom: 27px;}
.box10 .main .fl h3 span{width: 25px;height: 15px;background: #0391ff;display: block;float: left;margin-right: 10px;margin-top: 6px;}
.box10 .main .fl p span{font-size: 18px;font-weight: bold;display: block;margin-bottom: 12px;}
.box10 .main .fl p{font-size: 16px;line-height: 26px;margin-left: 34px;margin-bottom:25px;}
.box10 .slideBox{width:662px; overflow:hidden; position:relative; padding-bottom: 50px;height: 466px;}
.box10 .slideBox .hd{width: 60px;height:15px; overflow:hidden; position:absolute; left:50%;margin-left: -30px;bottom:0px; z-index:1; }
.box10 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box10 .slideBox .hd ul li{ float:left; margin-right:10px;width:12px; height:12px;background:#e3e3e3; cursor:pointer;border-radius: 50%;}
.box10 .slideBox .hd ul li.on{ background:#9b80fc;width:13px; height:13px;}
.box10 .slideBox .bd{ position:relative;height: 466px;width:662px; z-index:0;}
.box10 .slideBox .bd li{ zoom:1; vertical-align:middle;width:662px !important; }
.box10 .slideBox .bd li img{height: 466px;display: block;width:660px !important;}
.box10 .slideBox .hd2{width: 70px;margin-left: -35px;}
.box10 .slideBox .hd3{width: 92px;margin-left: -46px;}
/*box11开始*/
.box11{padding-top: 300px;padding-bottom: 110px;}
.box11 .box_In{position: relative;}
.box11 .main{width: 990px;margin: 0 auto;position: relative;}
.box11 .swiper-slide{background-size: cover;background-position:top center;}
.box11 .swiper-container {width: 100%;margin-left: auto;margin-right: auto;right: 77px;bottom: 8px;}
.box11 .gallery-top {height: 80%;width: 990px;margin: 0 auto;}
.box11 .gallery-thumbs {box-sizing: border-box;width: 500px;position: absolute;}
.box11 .gallery-top {position: initial;}
.box11 .gallery-thumbs .swiper-slide img {margin: 0 auto;opacity: .6;}
.box11 .gallery-thumbs .swiper-slide-thumb-active img{opacity: 1;}
.box11 .swiper-button-prev{background: url(../images/box11_left.png) no-repeat center;left: 33% !important;}
.box11 .swiper-button-next{background: url(../images/box11_right.png) no-repeat center;right: 0% !important;}
.box11 .swiper-button-prev,.swiper-button-next{width: 78px !important;height: 78px !important;top: 79% !important;}
.box11 .swiper-button-next:after, .swiper-button-prev:after{font-size:0!important;}
.box11 .swiper-slide .fl{width: 314px;height: 454px;background: url(../images/box11_imgbg.png) no-repeat 0 0;}
.box11 .swiper-slide .fl img{display: block;margin-left: 20px;}
.box11 .swiper-slide .fr{width: 643px;}
.box11 .swiper-slide .fr h3{font-size: 20px;font-weight: bold;margin: 25px 0 15px;}
.box11 .swiper-slide .fr p{font-size: 16px;line-height: 38px;}
.box11 .con_bg{width: 1200px;height: 260px;position: absolute;left: 0;bottom: -50px;background: #fbfbfb}
/*box12开始*/
.box12{
	padding:0 0 30px;
	background: #2d0bcf;
    background: -moz-linear-gradient(top,  #2d0bcf 0%, #713ffa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d0bcf), color-stop(100%,#713ffa));
    background: -webkit-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: -o-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: -ms-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: linear-gradient(to bottom,  #2d0bcf 0%,#713ffa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0bcf', endColorstr='#713ffa',GradientType=0 );
}
:root .box12{filter:none;}
.box12 .main{width: 1188px;margin: 0px auto;padding-bottom: 20px;}
.box12 ul{width: 1216px;overflow: hidden;padding-top: 20px;}
.box12 ul li{float: left;width: 278px;height: 189px;border: 1px #aa94ff solid;border-radius: 15px;text-align: center;margin: 34px 23px 0 0;}
.box12 ul li h2{font-size: 36px;color: #ff95c9;font-weight: bold;padding: 22px 0 0;}
.box12 ul li h3{font-size: 20px;color: #fff;line-height: 30px;padding: 5px 0;}
.box12 ul li p{font-size: 16px;color: #fff;line-height: 24px;}
.box12 ul li:hover{border-color: #66efef;}
.box13{padding-bottom: 40px;}
.box13 .main{position: relative;}
.box13 .main .pulse{position: absolute;width: 200px;height: 200px;top: 50%; left: 50%;margin-left: -127px;margin-top: -140px;border: 30px solid #5ecefb; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 999; opacity: 0;-webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; /*box-shadow: 0px 0px  10px #3005fb;*/}


.box13 img{display: block;margin: 0 auto;}
/*box14开始*/
.box14{background: #eef7ff url(../images/box13_bg.jpg) no-repeat center bottom;overflow: hidden;padding-bottom: 40px;}
.box14 ul{}
.box14 li{width: 600px;float: left;position: relative;}
.box14 li .con{width: 530px;padding: 30px 20px 50px 60px;box-sizing: border-box;background: #fff;box-shadow: 0 0 25px rgba(106,192,246,.6);margin: 15px 0 5px 47px;border-radius: 8px;}

.box14 li .con h3{font-size: 18px;font-weight: bold;}
.box14 li .con p{font-size: 15px;line-height: 23px;}
.box14 li .con span{font-size: 16px;color: #7fa5ff;float: right;padding-top: 9px;cursor: pointer;}
.box14 li i{position: absolute;top: 55px;left: 0;width: 94px;height: 93px;transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;background: url("../images/pic.png") no-repeat 0 -182px;}
.box14 li.box14pic2 i{background-position: -96px -182px;}
.box14 li.box14pic3 i{background-position: -192px -182px;}
.box14 li.box14pic4 i{background-position: -288px -182px;}
.box14 li.box14pic5 i{background-position: -384px -182px;}
.box14 li.last{width: 1200px;}
.box14 li.last .con{width: 1132px;}
.box14 li:hover img{transform: rotateY(180deg);}
.box15{background: url(../images/box15_bg.jpg) no-repeat center;height: 136px;}
.box15 p{width: 1200px;margin: 0 auto;font-size: 41px;color: #fff;font-weight: bold;line-height: 136px;text-align: center;box-sizing: border-box;padding-left: 55px;}
.box16{background: url(../images/box16_bg.jpg) no-repeat center;height: 380px;}


@keyframes mybing1
{ 0%{opacity: .8;}   50%{opacity: .2;}  100%{opacity: .8;}}
@-moz-keyframes mybing1
{ 0%{opacity: .8;}   50%{opacity: .2;}  100%{opacity: .8;}}
@-webkit-keyframes mybing1
{ 0%{opacity: .8;}   50%{opacity: .2;}  100%{opacity: .8;}}
@-o-keyframes mybing1
{ 0%{opacity: .8;}   50%{opacity: .2;}  100%{opacity: .8;}}


@keyframes mybing2
{ 0%{opacity: .5;}   50%{opacity: 1;}  100%{opacity: .5;}}
@-moz-keyframes mybing2
{ 0%{opacity: .5;}   50%{opacity: 1;}  100%{opacity: .5;}}
@-webkit-keyframes mybing2
{ 0%{opacity: .5;}   50%{opacity: 1;}  100%{opacity: .5;}}
@-o-keyframes mybing2
{ 0%{opacity: .5;}   50%{opacity: 1;}  100%{opacity: .5;}}

@keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
@-webkit-keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
@-o-keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}




@keyframes warn {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0; }
 	25% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    opacity: 0.3; }
  50% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0.2; }
  75% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    opacity: 0.1; }
  100% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: 0.0; } }
    
    
@keyframes opty {
  0% {opacity:1; }
  50% {  opacity: 0.5; }
  100% { opacity: 1; }
  }