@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse; border-spacing:0; margin:0; padding:0;}
textarea{resize:none;}
fieldset, img { border:0; }
img{ vertical-align:bottom;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
em,i{font-style: normal;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none; cursor:pointer;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;}
a:hover{ text-decoration:none; cursor:pointer; }
a:focus { outline-style:none;}
body{
  min-width: 1000px;
  background: url(../img/bg.jpg) repeat;
}
/*公共*/
.base{width:1000px; margin:0 auto;}
.base h5{line-height: 60px;font-size:36px;border-bottom:1px solid #acacac; margin-bottom:30px; padding-bottom:12px; position: relative;text-align: center; font-weight:bold;color:#000;}
.base h5 span{color:#ba0001;}
.base .more{display:block;text-align:center;margin:0 auto;width:225px; height:44px;line-height: 44px; font-size:20px; color:#fff;background: #ed910d;border-radius: 20px; margin-bottom:30px;}
.base .more:hover{background: #ea4034;}

.banner{width:100%;height:577px;background:#0b192c;}
.banner .base{position: relative;}
.banner img{position: absolute;}
.banner img{-webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;}
.a1{left:414px; top:116px;-webkit-animation:fadeIn 1s 0.2s;-ms-animation:fadeIn 1s 0.2s;-moz-animation:fadeIn 1s 0.2s;-o-animation:fadeIn 1s 0.2s;animation:fadeIn 1s 0.2s;}
.a2{left:0px; top:50px;-webkit-animation:pulse 0.5s 1.5s;-ms-animation:pulse 0.5s 1.5s;-moz-animation:pulse 0.5s 1.5s;-o-animation:pulse 0.5s 1.5s;animation:pulse 0.5s 1.5s;}
.a3{left:0px; top:114px;-webkit-animation:bounceInLeft 1s 0.5;-ms-animation:bounceInLeft 1s;-moz-animation:bounceInLeft 1s;-o-animation:bounceInLeft 1s;animation:bounceInLeft 1s 0.5s;}
.a4{right:5px; top:154px;-webkit-animation:rotateIn 0.5s 2s;-ms-animation:rotateIn 1s 3s;-moz-animation:rotateIn 1s 3s;-o-animation:rotateIn 1s 3s;animation:rotateIn 0.5s 2s;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom; transform-origin: left bottom;
  }
.a5{left:596px; top:271px;-webkit-animation:swing 1s 2.5s;-ms-animation:swing 1s 2.5s;-moz-animation:swing 1s 2.5s;-o-animation:swing 1s 2.5s;animation:swing 1s 2.5s;}
@-webkit-keyframes rotateIn {
    0%{
      opacity:0;
      -webkit-transform:rotate(90deg);
    }
    100%{
     -webkit-transform:rotate(0deg);
    }
  }
  @-ms-keyframes rotateIn {
    0%{opacity:0;
      -ms-transform:rotate(90deg);
    }
    100%{
     -ms-transform:rotate(0deg);
    }
  }
  @-moz-keyframes rotateIn {
    0%{opacity:0;
      -moz-transform:rotate(90deg);
    }
    100%{
     -moz-transform:rotate(0deg);
    }
  }
  @-o-keyframes rotateIn {
    0%{opacity:0;
      -o-transform:rotate(90deg);
    }
    100%{
     -o-transform:rotate(0deg);
    }
  }
@-webkit-keyframes bounceInLeft {
    0%{
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform: translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
  }
@-ms-keyframes bounceInLeft {
    0%{
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        -ms-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -ms-transform: translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
  }
  @-moz-keyframes bounceInLeft {
    0%{
        -moz-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        -moz-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -moz-transform: translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -moz-transform:translateX(0);
        transform:translateX(0)
    }
  }
  @-o-keyframes bounceInLeft {
    0%{
        -o-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        -o-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -o-transform: translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -o-transform:translateX(0);
        transform:translateX(0)
    }
  }
@-webkit-keyframes fadeIn {
    0%{
        opacity: 0
    }
    100%{
        opacity: 1
    }
}
@-ms-keyframes fadeIn {
    0%{
        opacity: 0
    }
    100%{
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    0%{
        opacity: 0
    }
    100%{
        opacity: 1
    }
}
@-o-keyframes fadeIn {
    0%{
        opacity: 0
    }
    100%{
        opacity: 1
    }
}
@-webkit-keyframes swing {
   0%{
        opacity:0;
    }
    100%{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@-ms-keyframes swing {
   0%{
        opacity:0;
    }
    100%{
        -ms-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@-moz-keyframes swing {
    0%{
        opacity:0;
    }
    100%{
        -moz-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@-o-keyframes swing {
    0%{
        opacity:0;
    }
    100%{
        -o-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@-webkit-keyframes pulse {
    0%{ opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@-ms-keyframes pulse {
    0%{opacity:0;
        -ms-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -ms-transform: scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -ms-transform:scale(1);
        transform:scale(1);
    }
}
@-moz-keyframes pulse {
    0%{opacity:0;
        -moz-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -moz-transform: scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -moz-transform:scale(1);
        transform:scale(1);
    }
}
@-o-keyframes pulse {
    0%{opacity:0;
        -o-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -o-transform: scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -o-transform:scale(1);
        transform:scale(1);
    }
}

.con1{background:#000 url(../img/con1_bg.jpg) no-repeat top center; height:339px; margin-bottom:100px;}
.con1 .base{height:300px; position: relative;}
.con1 p,.con1 h6{color:#fff;}
.con1_left,.con1_right{float: left;display:inline;}
.con1_left{margin-top:50px;width:364px;}
.con1_right{width:595px; margin-top:67px;}
.con1_left p{font-size:18px; line-height: 30px;display: inline-block; margin-bottom:10px; border-bottom:1px solid #df8977;}
.con1_right p{font-size:22px; line-height: 36px; margin-bottom:20px;}
.con1_right h6{font-size:28px;font-weight:bold;}
.con1_btn{position: absolute;bottom:-70px;width:720px;left:130px;}
.con1_btn span{display:inline-block;width:270px;height:70px;line-height: 70px;font-size:30px; color:#fff;text-align: center; border:9px solid #fff; border-radius:10px; background: #fc4f2b; cursor:pointer;}
.con1_btn span:nth-child(1){margin-right:138px;background: #fc4f2b;}
.con1_btn span:nth-child(2){background: #ed910d;}

.con2 .base{overflow:hidden;}
.con2 h6{text-align: center; font-weight:bold;color:#000;}
.con2 h5:after,.con3 h5:after,.con4 h5:after,.con5 h5:after{content:"";position: absolute;width:150px; height:3px; background: #ba0001; left:426px;bottom:-1px;}
.con2 h6{font-size:28px; float:left;}
.con2_more1{width:430px; margin:0 auto;margin-bottom:23px;}
.con2_more1 a,.con3 a{display:block; width:160px; height:28px;line-height: 28px;font-size:14px; background: #ed910d;border-radius: 20px; color:#fff; margin:7px 0 0 10px; text-align: center;}
.con2_more1 a{float:right;}
.friend_link{margin-right:-30px; margin-bottom:10px;}
.friend_link span{border:1px solid #f1a862;display:inline-block;margin-right:6px;margin-bottom:10px;cursor:pointer;width:156px; height:128px; position:relative;overflow:hidden;}
.friend_link i{position:absolute;top:128px;left:0;display:block;width:156px; height:128px;line-height:128px; text-align:center; font-size:14px; color:#fff; background:rgba(0,0,0,0.5);}

.xyjy{text-align: center; margin-right:-15px;}
.xyjy li{width:244px; float:left; margin-right:9px;display:inline; background: #fff;padding-bottom:12px; margin-bottom:15px;}
.xyjy i{display:block;font-size:20px; color:#fff; background: #ea4034; line-height: 44px; height:44px;margin-bottom:10px;}
.xyjy img{background: #eaeaea; padding:5px; margin-bottom:5px;}
.xyjy p{margin-left:20px;font-size:12px; color:#666; text-align: left; line-height: 20px;}
.xyjy em{color:#ba0001;}

.jyxb1{margin-bottom:50px;}
.table_Hd th{text-align: center;background:#ea4034;height:44px; line-height: 44px; font-size:18px; color:#fff;  }
.table_Hd1 th{background:#ed910d;}
.table_Hd th:nth-child(8){border:none;}
table .ts_color{background: #e1e1e1;}
table td{text-align: center;height:44px;line-height: 44px; color:#373737; font-size:14px;}
.scrollWrap {
  height: 299px;
  overflow: hidden;
  position: relative;
}
.scrollWrap1{margin-bottom:50px;height:430px;}
.scrollWrap table {
  position: absolute;
  left: 0;
  top: 0
}
.scrollWrap tr {
  border-top:none;
}

.con3{text-align: center;padding-top:22px; background: url(../img/con3_bg.png) no-repeat top center;padding-top:170px; height:410px; margin-bottom:65px;}
.con3 a{margin:0 auto; margin-bottom:145px;}
.con3 h5{color:#fff;font-weight:bold; border-bottom:1px solid #fff; margin-bottom:30px;}
.con3 h5:after{background: #fff; left:420px;bottom:-1px;}
.con3 ul{margin-right:-15px;}
.con3 ul img,.bottom_left a:before{margin-bottom:12px;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.con3 li{width:242px; float: left;display: inline; margin-right:11px; padding:25px 0 18px; }
.con3 li p{color:#fff;font-size:22px;}
.con3 li:hover img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);}
.rmss_1{background: #00bfad;}
.rmss_2{background: #82ac2a;}
.rmss_3{background: #8545d3;}
.rmss_4{background: #ed910d;}

.con4{margin-bottom:40px;}
.con4 h5{text-align: center;font-weight:bold; margin-bottom:25px;}
.wyhl{margin-right:-10px;}
.wyhl a{display:block;float: left;margin-right:10px;}

.con5{margin-bottom:60px;}
.con5 .base{overflow:hidden;}
.con5 .more{width:162px; height:30px;line-height: 30px; font-size: 14px;}
.con5_list{margin-right:-50px;}
.con5_list div{float:left;width:216px; height:216px; position: relative; margin-right:45px; text-align:center; cursor:pointer;}
.con5_list div{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}
.con5_list div:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.con5_list h6,.con5_list h4,.con5_list p{position: absolute;width:200px;height:200px; border-radius: 50%;}
.con5_list p{border:1px solid #c42f30;top:0;right:0;}
.con5_list h6,.con5_list h4{background:rgba(186,0,1,0.8); bottom:0;left:0;}
.con5_list h4{color:#fff;font-size:20px; line-height: 30px;padding-top:70px;height:130px;}
.con5_list h4 span{color:#ffff00;font-size:22px;display:inline-block;}
.con5_list i,.con5_list em{display:block;}
.con5_list i{font-size:16px;line-height: 26px;color:#fff;}
.con5_list em{font-size:26px;margin:50px 0 20px;color:#ffff00;}

.bottom{height:510px;overflow-y:hidden;}
.bottom_left{float:left; background: url(../img/bottom_bg.png) no-repeat center top;padding:150px 60px 0 55px;height:360px;}
.bottom_left h6{margin-bottom:20px;color:#000;font-size:26px; font-weight:bold; }
.bottom_left p{font-size:16px; color:#333;line-height: 30px;margin-bottom:35px;}
.bottom_left a{border:1px solid #dd1400;}
.bottom_left a,.bottom_left a:before{display:block;width:216px; height:50px; line-height: 50px;color:#333;font-size:18px;text-align: center;border-radius: 10px;margin:0 auto;margin-bottom:10px; position: relative;color:#dd1400;}
.bottom_left a:before{content:"点击申请实训名额";position: absolute;top:;left:0;height:0;overflow:hidden; color:#f60;border:none;}
.bottom_left a:hover:before{height:50px;border-color:#ed910d;}
.bottom_left em{display:block;font-size:14px; color:#333; text-align: center;}

.bottom_right{width:560px;float:right;}
.bottom_right h3{font-size:26px; font-weight:bold;}
.a_con13_map{background:url(https://www.mobiletrain.org/page/img/android/a_con13_map.png) no-repeat center 60px;height: 576px;position: relative;}
.a_con13_map li{position: absolute;cursor:pointer;width: 50px;height: 30px;font-size:14px;}
.a_con13_icon{width: 19px;height: 27px;background:url(https://www.mobiletrain.org/page/img/android/a_icon4.png) no-repeat;position: absolute;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;}
.a_con13_icon span{font-size: 14px;color:#ed0000;position: absolute;left:50px;top:0;width:50px;background:rgba(207,0,0,0.9);color:#fff;text-align: center;height: 26px;line-height: 24px;opacity:0;}
.a_con13_icon span::before{border-width:5px;border-style:solid;border-color:transparent rgba(207,0,0,0.9) transparent transparent;position: absolute;left:-10px;top:50%;margin-top: -5px;content:"";}


.a_con13_map li em{display: block;width:6px;height:6px;background: #000;border-radius:50%;position: absolute;left:10px;top:23px;}
.a_con13_map li em::before{position: absolute;width:16px;height:16px;border-radius:50%;background: #000;content:"";left:50%;top:50%;margin:-8px 0 0 -8px;animation:changeShow 0.9s infinite linear;-webkit-animation:changeShow 0.9s infinite linear;-o-animation:changeShow 0.9s infinite linear;-moz-animation:changeShow 0.9s infinite linear;box-shadow:0 0 3px #000;opacity:0;}

@keyframes changeShow{
    0% {
        transform:scale(0);
        opacity:1;
        }
    100% {
        transform:scale(1);
        opacity:0;
    }

}
@-webkit-keyframes changeShow{
    0% {
        -webkit-transform:scale(0);
        opacity:1;

        }
    100% {
        -webkit-transform:scale(1);
        opacity:0;
    }
}
@-moz-keyframes changeShow{
    0% {
        -moz-transform:scale(0);
        opacity:1;

        }
    100% {
        -moz-transform:scale(1);
        opacity:0;
    }
}
@-o-keyframes changeShow{
    0% {
        -o-transform:scale(0);
        opacity:1;
        }
    100% {
        opacity:0;
        -o-transform:scale(1);
    }
}

.a_con13_map li:nth-of-type(1) {
  left: 385px;
  top: 230px;
}
.a_con13_map li:nth-of-type(2) {
  left: 450px;
  top: 205px;
}
.a_con13_map li:nth-of-type(3) {
  left: 370px;
  top: 280px;
}
.a_con13_map li:nth-of-type(4) {
  left: 460px;
  top: 326px;
}
.a_con13_map li:nth-of-type(5) {
  left: 350px;
  top: 342px;
}
.a_con13_map li:nth-of-type(6) {
  left: 357px;
  bottom: 128px;
}
.a_con13_map li:nth-of-type(7) {
  left: 405px;
  bottom: 120px;
}
.a_con13_map li:nth-of-type(8) {
  left: 265px;
  bottom: 210px;
}
.a_con13_map li:nth-of-type(9) {
  left: 465px;
  top: 350px;
}
.a_con13_map li:nth-of-type(10) {
  left: 455px;
  top: 266px;
}
.a_con13_map li:nth-of-type(11){left:325px;bottom:262px;}


.a_con13_map li:nth-of-type(4) em {
  top: 8px;
  left: -10px;
}
.a_con13_map li:nth-of-type(5) em {
  top: 15px;
  left: 32px;
}
.a_con13_map li:nth-of-type(6) em {
  top: 22px;
  left: 14px;
}
.a_con13_map li:nth-of-type(7) em {
  top: 8px;
  left: -10px;
}
.a_con13_map li:nth-of-type(8) em {
  top: 24px;
  left: 10px;
}
.a_con13_map li:nth-of-type(9) em {
  top: 8px;
  left: -10px;
}
.a_con13_map li:nth-of-type(10) em {
  top: 8px;
  left: -10px;
}

.a_con13_pic,.a_con13_radius{width:209px;height: 209px;border-radius:50%;}
.a_con13_radius{padding:9px;position: absolute;left:50px;top:50px;border: 1px solid #ed0000;}
.a_con13_pic{background: #fff;display: block;text-align: center;line-height: 34px;color:#333;position: relative;overflow: hidden;z-index:10;}
.a_con13_pic:hover{color:#ed0000;}
.a_con13_radius:hover{border-style:dashed;}
.a_con13_pic span{display: block;background:#fff;width:209px;height: 100px;border-radius:0 0 120px 120px;position: absolute;left:0;bottom:-50px;}

.a_con13_pic img{animation:scaleBig 1s;-webkit-animation:scaleBig 1s;-o-animation:scaleBig 1s;-moz-animation:scaleBig 1s;}

@keyframes scaleBig{
    0% {
        transform:scale(1,2);
        }
    100% {
        transform:scale(1);
    }

}
@-webkit-keyframes scaleBig{
    0% {
        -webkit-transform:scale(1.2);

        }
    100% {
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes scaleBig{
    0% {
        -moz-transform:scale(1.2);

        }
    100% {
        -moz-transform:scale(1);
    }
}
@-o-keyframes scaleBig{
    0% {
        -o-transform:scale(1.2);
        }
    100% {
        -o-transform:scale(1);
    }
}