/*swiper初始化*/
 html, body {

   height: 100%!important;
 }
body {
  background: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
  text-align: center;
    position: relative;
    height: 100%!important;

}
.swiper-container {
  width: 100%;
  height: 100%;
}


/*初始化开始*/
body,h1,h2,h3,h4,h5,h6,input,p,ul,li,dl,dt,dd,ol,form{margin:0; padding:0;}
body{     font-family:"微软雅黑";}
ul{list-style:none}
img{border:none}
a{color:#4B494A; text-decoration:none}
a:hover{color:#38909c; text-decoration: none;}
.fl{float:left}
.fr{float:right}
i{ font-style:normal}
.clear{clear:both; overflow:hidden; height:0}
input:focus{outline:none}
.rel{position:relative}
.abs{position:absolute}
.block{display:block}
.conter{ width:1200px; margin:0 auto; overflow:hidden}
a:focus{text-decoration:none !important;}

/*页面加载*/
.chromeframe {
    margin: 0.2em 0;
    background: #000;
    color: #000;
    padding: 0.2em 0;}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:999999; }
#loader {
    display: block;
    position: relative;
    left: 48%;
    top: 42%;
    width: 1.5rem;
    height: 1.5rem;
    margin: -0.6rem 0 0 -0.6rem;
    /* COLOR 1 */

    z-index:1001;}
#loader img{
    width: 1.5rem;
    height: 1.5rem;
    }
@-webkit-keyframes spin {
    0%{
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }100%{
         -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(360deg);  /* IE 9 */
         transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}

@keyframes spin {
    0%{
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }100%{
         -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(360deg);  /* IE 9 */
         transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background:#fff;
    z-index: 1000;
    }
/* Loaded */
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transition: all 0.3s  ease-out;
    transition: all 0.3s  ease-out;}
/* JavaScript Turned Off */
.no-js #loader-wrapper {display: none;}
.no-js h1 {color: #222222;}
#loader-wrapper .load_title {
    font-family:'Open Sans';
    color:#000; font-size:0.28rem; width:100%; text-align:center; z-index:9999999999999; position:absolute; top:50%; opacity:1; line-height:30px; }

/*音频*/
 @-webkit-keyframes moveIconUp {
     0% {
         -webkit-transform: translateY(100%) scale(1.2, 1.2);
         opacity: 0
     }
     50% {
         -webkit-transform: translateY(0%) scale(0.6, 0.6);
         opacity: 1
     }
     100% {
         -webkit-transform: translateY(-100%) scale(0.2, 0.2);
         opacity: 0
     }
 }
 .music_icon {
     position: absolute;
     width: 5%;
     top: 1%;
     right: 1%;
     z-index: 999999;
     padding: 2%;
 }
 .music_animate {
     -webkit-animation: music_animate 2s .5s linear infinite both;
 }

 @-webkit-keyframes music_animate {
     0% {
         -webkit-transform: rotate(0deg)
     }
     to {
         -webkit-transform: rotate(1turn)
     }
 }

/*底部箭头*/
 .arrow {
     position: fixed;
     z-index: 100;
     bottom: 0.4rem;
     left: 50%;
     text-align: center;
     margin-left: -0.8rem;
     animation: arrowUp 2s infinite ease-in;
     -webkit-animation: arrowUp 2s infinite ease-in;
 }
.arrow img{width: 50%;}
 @keyframes arrowUp {
     0% {transform:translateY(0.42rem);opacity: 0;}
     60% {transform:translateY(0.12rem); opacity: 1;}
     100% {transform:translateY(0rem); opacity: 0;}
 }
 @-webkit-keyframes arrowUp {
     0% {-webkit-transform:translateY(0.42rem);opacity: 0;}
     60% {-webkit-transform:translateY(0.12rem); opacity: 1;}
     100% {-webkit-transform:translateY(0rem); opacity: 0;}
 }



 /*初中生IT训练营*/
body{width: 7.5rem;margin: 0 auto}
.swiper-wrapper{width: 100%!important;height: 100%!important;}
.logo{position: absolute;left: 2%;top: 2% }
.logo img{ width: 3rem; }
.con1{background:#3cbccd;width: 100%; height: 100%; position: relative;}
.con1 .con1-01{ left: 0;top:11%;position: absolute;z-index: 2}
.con1 .con1-01 img{ width: 7.5rem }
.con1 .con1-02{ position: absolute;right: 0;z-index: 1;top: 2%;}
.con1 .con1-02 img{ width: 3.34rem ;animation:rotation_xz2 3s infinite;-webkit-animation:rotation_xz2 3s infinite; /* Safari 和 Chrome */}
.con1 .con1-03{position: absolute;top: 29%;z-index: 1}
.con1 .con1-03 img{ width: 7.5rem }
.con1 .con1-04{ position: absolute; bottom:2%;right: 0;z-index: 2}
.con1 .con1-04 img{ width: 2.79rem;animation:rotation_xz2 3s infinite;-webkit-animation:rotation_xz2 3s infinite; /* Safari 和 Chrome */}
.con1 .con1-05{ position: absolute; top:74.5%;z-index: 5}
.con1 .con1-05 img{ width: 7.5rem;}

@-webkit-keyframes rotation_xz2{
    25% {-webkit-transform: translateY(-3px);}
    50% {-webkit-transform:translateY(0);}
    75% {-webkit-transform:translateY(3px);}
    100% {-webkit-transform:translateY(0);}
}

/*我是零零后*/
.con-2{ background:#3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con-2 .logo{ left: 1%;top: 1%}
.con-2 .title{left: 4%;top:6%;}
.con-2 .con-2-01{position: absolute;left: 16%;top: 7%;}
.con-2 .con-2-01 img{width: 4.62rem}
.con-2 .con-2-02{position: absolute;left: 16%;top: 12.5%;}
.con-2 .con-2-02 img{width: 4.62rem}
.con-2 .con-2-03{position: absolute;right: 0;top: 8%;}
.con-2 .con-2-03 img{width: 3.37rem}
.con-2 .con-2-04{position: absolute;left: 2%;top:28%;}
.con-2 .con-2-04 img{width: 2.04rem}
.con-2 .con-2-05{position: absolute;left: 29%;top: 33%;}
.con-2 .con-2-05 img{width: 4.96rem}
.con-2 .con-2-06{position: absolute;left: 29%;top: 38%;}
.con-2 .con-2-06 img{width: 5.46rem}
.con-2 .con-2-07{position: absolute;right: 0;top: 46%;}
.con-2 .con-2-07 img{width: 1.72rem}
.con-2 .con-2-08{position: absolute;left: 3%;top: 62%;}
.con-2 .con-2-08 img{width: 3.93rem}
.con-2 .con-2-09{position: absolute;width: 5.69rem;left: 50%;top: 68%;margin-left: -2.84rem}
.con-2 .con-2-09 img{width: 5.69rem}
.con-2 .con-2-10{position: absolute;right: 4%;bottom: 0;}
.con-2 .con-2-10 img{width: 7.5rem}
/*我是零零后*/

/*互联网正在改变世界*/
.con-3{ background:url("../images/con-3bg.jpg")no-repeat bottom center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con-3 .logo{ left: 1%;top: 1%}
.con-3 .title{left: 4%;top:8%;}
.con-3 .con-3-01{position: absolute;right: 5%;top: 18%;}
.con-3 .con-3-01 img{width: 5.2rem}
.con-3 .con-3-02{position: absolute;left: 6%;top:64%;}
.con-3 .con-3-02 img{width: 3.66rem}
.con-3 .con-3-03{position: absolute;right: 6%;top: 59%;}
.con-3 .con-3-03 img{width: 2.52rem;border-radius: 20px}
.con-3 .con-3-04{position: absolute;width: 6.8rem;left: 50%;bottom: 4%;margin-left: -3.4rem;}
.con-3 .con-3-04 img{width: 6.8rem}
/*互联网正在改变世界*/

/*青鸟简介*/
.con-1{ background:url("../images/con2-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con-1 .con-1-01 .logo{left: 1%;top: 1% }
.con-1 .con-1-01{position: absolute;right: 1%;top: 6%}
.con-1 .con-1-01 img{width:6rem}
.con-1 .con-1-02{position: absolute;left: 50%;margin-left: -2.9rem;bottom: 1.5%;display: none}
.con-1 .con-1-02 img{width: 5.8rem}
/*青鸟简介*/

/*优质的教学资源*/
.con2{ background:url("../images/con2-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.title{left: 4%;top:9%;position: absolute;z-index: 2}
.title img{width: .72rem;animation:rotation_xz2 3s infinite;-webkit-animation:rotation_xz2 3s infinite; /* Safari 和 Chrome */}
.title-fu{right: 4%;top:7%;position: absolute;z-index: 2}
.title-fu img{width: 5.68rem;}
.con2 .con2-01{right: 4%;top:11%;position: absolute;z-index: 2}
.con2 .con2-01 img{ width: 5.58rem ;}
.con2 .con2-02{ position: absolute;right: 0;z-index: 1;top: 43%;}
.con2 .con2-02 img{ width: 7.5rem ;}
.con2 .con2-03{position: absolute;top: 51%;z-index: 1}
.con2 .con2-03 img{ width: 7.5rem }
.con2 .con2-04{position: absolute;bottom: 4%;z-index: 1;left: 50%;margin-left: -1.51rem}
.con2 .con2-04 img{ width: 3.21rem }
/*优质的教学资源*/

/*互联网行业的优势*/
.con3{ background:url("../images/hlw-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con3 .con3-01 .logo{left: 2%;top: 2%}
.con3 .con3-01{position: absolute;right:0;top:9%}
.con3 .con3-02{position: absolute;right: 0;top: 27%}
.con3 .con3-03{position: absolute;left: 50%;top: 48.5%;margin-left: -3.28rem}
.con3 .con3-04{position: absolute;left: 50%;bottom: 4%;margin-left: -3.43rem}
.con3 .con3-02 img,.con3 .con3-01 img{width: 6.24rem;}
.con3 .con3-03 img{width: 6.57rem;}
.con3 .con3-04 img{width: 6.95rem;}
/*互联网行业的优势*/

/*课程介绍*/
.con4{ width: 100%; height: 100%;}
.con4 .zhichi{ position: absolute;left: 50%;margin-left: -3.2rem;bottom: 5%}
.con4 .zhichi .dada{display: none}
.con4 .zhichi img{ width: 6.4rem}
.con4-bg1{background:url("../images/con4-bg1.jpg")no-repeat top center #3cbccd;background-size: 100%; width: 100%; height: 100%;}
.con4-bg2{background:url("../images/con4-bg2.jpg")no-repeat top center #3cbccd;background-size: 100%; width: 100%; height: 100%;}
.con4-bg3{background:url("../images/con4-bg3.jpg")no-repeat top center #3cbccd;background-size: 100%; width: 100%; height: 100%;}
.con4-bg4{background:url("../images/con4-bg4.jpg")no-repeat top center #3cbccd;background-size: 100%; width: 100%; height: 100%;}
.con4-bg5{background:url("../images/con4-bg5.jpg")no-repeat top center #3cbccd;background-size: 100%; width: 100%; height: 100%;}
.con4 .title{left: 4%;top:12%;}
.con4 .title-fu{right: 4%;top:13%;}
.con4 .con4-01{position: absolute!important;right: 4%!important;top: 30%;width: 5.08rem;background: #fff;padding: .4rem .3rem;border-radius: 6px;}
.con4 .con4-01 ul{}
.con4 .con4-01 ul li{text-align: left;margin-bottom: 1%;}
.con4 .con4-01 ul li h3{font-size: .34rem;color: #3cbccd;margin-top: .05rem;margin-bottom: .1rem}
.con4 .con4-01 ul li p{font-size: .28rem;line-height: .45rem;color: #333}

/*课程介绍*/

/*师资力量*/
.con5{ background:url("../images/sz-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con5 .title{left: 4%;top:10%;}
.con5 .title-fu{right: 4%;top:10%;}
.con5 .con5-01{ width: 5.8rem;height: 70%;overflow: hidden;position:absolute; right: 4.5%!important;top: 21%;}
.con5 .con5-01 ul li{ width: 2.79rem;height: 3rem;position: relative;float: left;margin-right: .2rem;border-radius: 6px;margin-bottom: .2rem;}
.con5 .con5-01 ul li:nth-child(2n){ margin-right: 0}
.con5 .con5-01 ul li img{ width:2.79rem;position: absolute;z-index: 1;left: 0;height: 3rem;border-radius: 6px}
.con5 .con5-01 ul li .fudong{ width:2.79rem;height: 1rem;position:absolute;bottom: 0;background-color: rgba(0,0,0,.7);z-index: 2;color: #fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.con5 .con5-01 ul li .fudong h2{font-size: .28rem;margin-top: .1rem}
.con5 .con5-01 ul li .fudong p{font-size: .24rem;}
.con5 .con5-01 ul li i{width: .4rem;height: .4rem;background: #fff;position: absolute;right: .1rem;top:.1rem;z-index: 3;border-radius: 200px;text-align: center}
.con5 .con5-01 ul li i img{width: .3rem;height: .3rem;margin-top: .05rem;margin-left: .05rem}
.con5 .con5-01 .dowebok{ width: 5.8rem;height: 100%;}
/*师资力量*/

/*就业明星*/
.con6{ background:url("../images/jy-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con6 .title{left: 4%;top:10%;}
.con6 .title-fu{right: 4%;top:10%;}
.con6 .con6-01{ width: 5.5rem;height: 70%;overflow: hidden;position:absolute; right: 4.5%!important;top: 21%;text-align: center;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.con6 .con6-01 p{ text-align: center;float: left;margin-left: .15rem}
.con6 .con6-01 .title02{ width:5.5rem;height: .7rem;background: #ffcc4d;border-top-right-radius:6px;border-top-left-radius:6px;  }
.con6 .con6-01 .title02 p{ font-size: .3rem;line-height: .7rem;color: #333;width: 1.6rem;}
.con6 .con6-01 .title02 p:nth-child(1),.con6 .con6-01 .title02 p:nth-child(4){width: .7rem}
.con6 .con6-01 .dowebok{ width: 5.5rem;background-color: rgba(0,0,0,.2);border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;color: #fff;padding-top: .2rem;height: 100%;}
.con6 .con6-01 .dowebok li{ width: 5.5rem;height: .6rem;}
.con6 .con6-01 .dowebok li p{ font-size: .24rem;width: 1.6rem;line-height: .6rem}
.con6 .con6-01 .dowebok li p:nth-child(1),.con6 .con6-01 .dowebok li p:nth-child(4){width: .7rem;}

/*就业明星*/

/*学员作品*/
.con7{ background:url("../images/zp-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con7 .title{left: 4%;top:10%;}
.con7 .title-fu{right: 4%;top:10%;}
.con7 .con7-01{ width: 5.8rem;height: 70%;overflow: hidden;position:absolute; right: 4.5%!important;top: 21%;}
.con7 .con7-01 ul li{ width:2.79rem;height: 2.04rem;position: relative;float: left;margin-right: .2rem;border-radius: 6px;margin-bottom: .2rem;}
.con7 .con7-01 ul li:nth-child(2n){ margin-right: 0}
.con7 .con7-01 ul li img{ width: 2.79rem;position: absolute;z-index: 1;left: 0;border-radius: 6px}
.con7 .con7-01 ul li .fudong{ width: 2.79rem;height: .5rem;position:absolute;bottom: 0;background-color: rgba(0,0,0,.7);z-index: 2;color: #fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;font-size: .24rem;line-height: .5rem}
/*Plugin CSS*/
.con7 .dowebok { width: 5.8rem;height: 100%;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px; }

.str_wrap {
    overflow:hidden;
//zoom:1;
    width:100%;
    position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space:nowrap;
}

.str_wrap.str_active {

}
.str_move {
    white-space:nowrap;
    position:absolute;
    top:0;
    left:0;
    cursor:move;
}
.str_move_clone {
    display:inline-block;
//display:inline;
//zoom:1;
    vertical-align:top;
    position:absolute;
    left:100%;
    top:0;
}
.str_vertical .str_move_clone {
    left:0;
    top:100%;
}
.str_down .str_move_clone {
    left:0;
    bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
    white-space:normal;
    width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
    cursor:inherit;
}
.str_wrap img {
    max-width:none !important;
}
/*学员作品*/

/*校园环境*/
.con8{ background:url("../images/xy-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con8 .title img,.con8 .title2 img,.con9 .title img{width: 4.2rem;}
.con8 .title{left: 50%;top: 8%; margin-left: -1.94rem}
.con8 .title2{left: 50%;top: 50%!important; margin-left: -1.94rem}
.con8 .con8-01{ width: 7.5rem;height: 3.5rem;overflow: hidden;position:absolute; left: 0;top: 20%;text-align: center}
.con8 .swiper-slide{width: 2.66rem;height: 3.5rem;}
.con8 .swiper-slide img{ width: 2.66rem;height: 3.5rem;}
.con8 .swiper-wrapper{transition-timing-function: linear!important;}
.con8 .con8-02{ width: 7.5rem;height: 3.5rem;overflow: hidden;position:absolute; left: 0;top: 62%;}
.con8 .con8-02 .swiper-container{ width: 7.1rem!important;margin: 0 auto}
.con8 .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
/*校园环境*/

/*教学管理*/
.con10{ background:url("../images/con10-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con10 .logo{top: 1%;left: 1%}
.con10 .title{left: 2%;top: 8%;}
.con10 .con10-01{ width: 6rem;position:absolute; right:2%;top: 7%;}
.con10 .con10-01 ul li{ width:6rem;margin-bottom: -0.5%}
.con10 .con10-01 ul li img{ width: 6rem;}

/*我的世界，我做主*/
.con11{ background:url("../images/con11-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con11 .logo{top: 1%;left: 1%}
.con11 .title{left: 2%;top: 8%; }
.con11 .con11-01{ width: 5.8rem;right: 2%;top: 6%;position: absolute}
.con11 .con11-01 img{ width: 5.8rem;}
.con11 .con11-02{ width:5.2rem;position:absolute;left: 50%;margin-left: -2.6rem;bottom: 1%;display: none}
.con11 .con11-02 img{ width:5.2rem;}

/*联系我们表单版*/
/*.con9{ background:url("../images/con3-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;position: relative;}*/
/*.con9 .title{left: 50%;top: 8%; margin-left: -1.94rem}*/
/*.con9 .d1{width: 5.8rem; text-align: left ;position: absolute;top: 22%;left: 50%;margin-left: -2.9rem}*/
/*.con9 .form{ margin-bottom: .4rem;text-align: center}*/
/*.con9 .form div{margin-bottom: .3rem; display: inline-block; height: .6rem;}*/
/*.con9 .form div input{width: 5.6rem; height: .73rem; background:#fff;border: 1px #ffcc4d solid;color: #888;padding-left: .2rem;border-radius: 5px;}*/
/*.con9 .form a{ color: #fff;width: 5.8rem; height: .73rem; font-size: .32rem; font-weight: bold; background: #ffcc4d; border-radius: 5px; text-align: center; line-height:.73rem; margin-bottom: .3rem;display: inline-block;}*/
/*.con9 .d2{width: 5.8rem;position: absolute;top: 55%;left: 50%;margin-left: -2.9rem}*/
/*.con9 .d2 i a{width: 5.8rem;height: .73rem;border-radius: 50px;line-height: .73rem;text-align: center;background: #ffcc4d;border: rgba(255,255,126,.26) solid 1px;display: inline-block;color: #fff;font-size: .36rem;font-weight: bold;margin-top: .2rem;animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}*/
/*.con9 .d2 .ewm{width: 2.8rem;font-size: .3rem;text-align: center;color: #fff;float: left;margin-right: .2rem}*/
/*.con9 .d2 .ewm:nth-child(2){margin-right:0}*/
/*.con9 .d2 img{width:2.8rem;}*/
/*@keyframes move*/
/*{*/
    /*0%, 65%{*/
        /*-webkit-transform:rotate(0deg);*/
        /*transform:rotate(0deg);*/
    /*}*/
    /*70% {*/
        /*-webkit-transform:rotate(2deg);*/
        /*transform:rotate(2deg);*/
    /*}*/
    /*75% {*/
        /*-webkit-transform:rotate(-2deg);*/
        /*transform:rotate(-2deg);*/
    /*}*/
    /*80% {*/
        /*-webkit-transform:rotate(2deg);*/
        /*transform:rotate(2deg);*/
    /*}*/
    /*85% {*/
        /*-webkit-transform:rotate(-2deg);*/
        /*transform:rotate(-2deg);*/
    /*}*/
    /*90% {*/
        /*-webkit-transform:rotate(2deg);*/
        /*transform:rotate(2deg);*/
    /*}*/
    /*95% {*/
        /*-webkit-transform:rotate(-2deg);*/
        /*transform:rotate(-2deg);*/
    /*}*/
    /*100% {*/
        /*-webkit-transform:rotate(0deg);*/
        /*transform:rotate(0deg);*/
    /*}*/
/*}*/

/*@-webkit-keyframes move*/
/*{*/
    /*0%, 65%{*/
        /*-webkit-transform:rotate(0deg);*/
        /*transform:rotate(0deg);*/
    /*}*/
    /*70% {*/
        /*-webkit-transform:rotate(2deg);*/
        /*transform:rotate(2deg);*/
    /*}*/
    /*75% {*/
        /*-webkit-transform:rotate(-2deg);*/
        /*transform:rotate(-2deg);*/
    /*}*/
    /*80% {*/
        /*-webkit-transform:rotate(2deg);*/
        /*transform:rotate(2deg);*/
    /*}*/
    /*85% {*/
        /*-webkit-transform:rotate(-2deg);*/
        /*transform:rotate(-2deg);*/
    /*}*/
    /*90% {*/
        /*-webkit-transform:rotate(2deg);*/
        /*transform:rotate(2deg);*/
    /*}*/
    /*95% {*/
        /*-webkit-transform:rotate(-2deg);*/
        /*transform:rotate(-2deg);*/
    /*}*/
    /*100% {*/
        /*-webkit-transform:rotate(0deg);*/
        /*transform:rotate(0deg);*/
    /*}*/
/*}*/

/*联系我们表单版*/

/*联系我们第三方*/
.con9{ background:url("../images/con3-bg.jpg")no-repeat top center #3cbccd; background-size: 100%; width: 100%; height: 100%;}
.con9 .d1{width: 5.8rem; position: absolute;top: 11%;left: 50%;margin-left: -2.9rem}
.con9 .d1 a{ }
.con9 .d1 img{ width: 5.8rem;margin-bottom: 1%}
.con9 .d2{width: 5.8rem;position: absolute;top: 55%;left: 50%;margin-left: -2.9rem}
.con9 .d2 i a{width: 5.8rem;height: .73rem;border-radius: 50px;line-height: .73rem;text-align: center;background: #ffcc4d;border: rgba(255,255,126,.26) solid 1px;display: inline-block;color: #fff;font-size: .36rem;font-weight: bold;margin-top: .2rem;animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}
.con9 .d2 .ewm{width: 2.8rem;font-size: .3rem;text-align: center;color: #fff;float: left;margin-right: .2rem}
.con9 .d2 .ewm:nth-child(2){margin-right:0}
.con9 .d2 img{width:2.8rem;}
@keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    70% {
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg);
    }
    75% {
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg);
    }
    80% {
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg);
    }
    85% {
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg);
    }
    90% {
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg);
    }
    95% {
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}

@-webkit-keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    70% {
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg);
    }
    75% {
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg);
    }
    80% {
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg);
    }
    85% {
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg);
    }
    90% {
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg);
    }
    95% {
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}

/*联系我们第三方*/

/*适配苹果5*/
@media screen and (max-height:505px){




}

/*适配 X MAX P30 华为nova5 Pro*/
@media screen and (min-height:712px){
    .logo{left: 3%;top: 3% }
    .con1 .con1-01{top:16%;}
    .con1 .con1-02{top: 6%;}
    .con1 .con1-03{top: 31%;}
    .con1 .con1-04{bottom:3%;}

    .con2 .title{top: 12%}
    .con2 .con2-01{top:14%;}
    .con2 .con2-02{top: 43%;}
    .con2 .con2-03{top: 51%;}
    .con2 .con2-04{bottom:4%;}

    .con4 .zhichi{ bottom: 7%}
    .con4 .title{top:13%;}
    .con4 .title-fu{top:14%;}
    .con4 .con4-01{top: 27.2%;}
    .con4 .zhichi .xiaoxiao{display: none}
    .con4 .zhichi .dada{display: block}

    /*联系我们*/
    .con9 .title{top: 12%!important; }
    .con9 .d1{top: 16%;}
    .con9 .d2{top: 52%;}

    /*互联网改变世界*/
    .con-3 .logo{ left: 2%;top: 2%}
    .con-3 .title{top:9%;}
    .con-3 .title-fu{top:10%}
    .con-3 .con-3-01{top: 21%;right: 4%}
    .con-3 .con-3-01 img{width: 5.7rem}
    .con-3 .con-3-02{left: 4%;top:65%;}
    .con-3 .con-3-02 img{width: 4rem}
    .con-3 .con-3-03{top: 61%;right: 4%}
    .con-3 .con-3-03 img{width: 2.7rem}
    .con-3 .con-3-04{width: 7rem;left: 50%;bottom: 5%;margin-left: -3.5rem;}
    .con-3 .con-3-04 img{width: 7rem}

    /*互联网行业的优势*/
    .con3 .con3-01 .logo{left: 2%;top: 2%}
    .con3 .con3-01{top:11%}
    .con3 .con3-02{right: 0;top: 30%}
    .con3 .con3-03{top: 50.5%;}
    .con3 .con3-04{top: 70%;}
    .con3 .con3-02 img,.con3 .con3-01 img{width: 6.44rem;}
    .con3 .con3-03 img{width: 6.77rem;}
    .con3 .con3-04 img{width: 7.15rem;}

    /*青鸟简介*/
    .con-1 .con-1-01{right: 0;top: 10%}
    .con-1 .con-1-01 img{width:6.8rem}

    /*教学管理*/
    .con10 .logo{top: 2%;left: 2%}
    .con10 .title{left: 3%;top: 10%;}
    .con10 .con10-01{ width: 6.2rem;position:absolute; right:0;top: 12%;}
    .con10 .con10-01 ul li{ width:6.2rem;margin-bottom: 1%}
    .con10 .con10-01 ul li img{ width: 6.2rem;}

    /*我的世界，我做主*/
    .con11 .logo{top: 2%;left: 2%}
    .con11 .title{left: 3%;top: 8%; }
    .con11 .con11-01{ width: 6.2rem;right: 0;top: 7%;position: absolute}
    .con11 .con11-01 img{ width: 6.2rem;}
    .con11 .con11-02{ width:5.6rem;margin-left: -2.8rem;bottom: 3%;display: block}
    .con11 .con11-02 img{ width:5.6rem;}

    /*校园环境*/
    .con8 .title{top: 13%!important;}
    .con8 .title2{top: 51%!important;}
    .con8 .con8-01{ top: 24%!important;}


}

@media only screen and (max-height: 672px) {
    .con1 .con1-04{display: none}
    .con2 .con2-04{display: none}
}