@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:top;}

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;}

a:hover{ text-decoration:none; cursor:pointer; }

a:focus { outline-style:none;}

body{

  min-width: 1200px;

}

/*公共*/

.base,.banner_base{width:1200px;margin:0 auto; overflow:hidden; text-align: center;}

.base h6{margin-bottom:40px;text-align: center;font-size:46px;}

.base p{font-size:18px;color:#515151;width:100%; margin:0 auto; border-bottom:1px solid #e8e8e8; margin-bottom:60px; padding-bottom:55px;position: relative;}

.base p:before,.base p:after{content:"";position: absolute;}

.base p:after{width:60px;height:5px; background: #378ed7;top:44px;left:50%; margin-left:-30px;}

.base p:before{width:5px; height:5px; border:1px solid #e8e8e8;background:#f8fafc;margin-left:-2px; border-radius:50%;left:50%; bottom:-4px;}

.nav_rg a,.con1_ico li div,.svg div img,.con11_img img,.share .ewm,.con2_5_list li:before,.con2_5_list img{transition: 0.3s;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

-o-transition: 0.3s;}

  .u_employ li img{

    transition: 0.8s;

  -webkit-transition: 0.8s;

  -moz-transition: 0.8s;

  -ms-transition: 0.8s;

  }

  .banner_base{

     transition: 0.5s 0.3s;

  -webkit-transition: 0.5s 0.3s;

  -moz-transition: 0.5s 0.3s;

  -ms-transition: 0.5s 0.3s;

  }

/*nav*/

.nav{width:100%;position:fixed;z-index:99999;top:0; z-index:12;padding:13px 0;background:rgba(0,0,0,0.55); margin-bottom:30px;-webkit-transform:translateZ(0);}

.nav h1{float:left;color:#e9e9e9;vertical-align:middle;font-size:16px;}

.nav h1 a{display:inline-block;margin:0 10px 0 0;vertical-align:middle;}

.nav_rg{float:right;line-height: 39px;}

.nav_rg li{float:left;margin:0 15px;font-size:16px;}

.nav_rg a{position:relative;display:block;color:#cbcbcb;}

.nav_rg a:hover{color:#fb6707;}

/*banner*/

.banner{position: relative; height:890px;width:100%;overflow:hidden; background:url(../img/sh_ui/loading.gif) no-repeat center center;}

.banner .banner_base{background: url(../img/sh_ui/bg2.png) no-repeat; width:1163px; height:605px; position: absolute; left:50%;margin-left:-581px; top:140px;}

.banner img,.banner p{position: absolute;}

.banner .banner_word1{left:310px; top:82px;}

.banner .banner_word2{left:30px; top:350px;}

.banner p{bottom:80px;display:inline-block;left:50%;height:55px; line-height:55px;border-top:1px solid #15334c;border-bottom:1px solid #15334c;margin-left:-160px; text-align: center;font-size:24px; color:#151d24;}

.banner_img{-webkit-animation:scale_b 6s infinite alternate;-moz-animation:scale_b 6s infinite alternate;-ms-animation:scale_b 6s infinite alternate;-o-animation:scale_b 6s infinite alternate;animation:scale_b 6s infinite alternate;}

@-webkit-keyframes scale_b {

    0%{

        -webkit-transform:scale(1);

    }

    100%{

        -webkit-transform:scale(1.1);

    }

}

@-ms-keyframes scale_b {

    0%{

        -ms-transform:scale(1);

    }

    100%{

       -ms-transform:scale(1.1);

    }

}

@-moz-keyframes scale_b {

    0%{

        -moz-transform:scale(1);

    }

    100%{

       -moz-transform:scale(1.1);

    }

}

@-o-keyframes scale_b {

    0%{

        -o-transform:scale(1);

    }

    100%{

        -o-transform:scale(1.1);

    }

}

.banner_base{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg);}

.a_on{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}

/*con1*/

.con1{padding-top:50px; background: url(../img/sh_ui/con1_bg.jpg) no-repeat center top; height:950px;}

.con1 .base,.con2_5 .base{overflow: visible;}

.con1 .base{overflow:hidden;}

.con1_word1{margin-bottom:90px; text-align: left;}

.con1_word1 span{display:inline-block; width:160px;font-size:24px;text-align:center; margin-left:346px;color:#333;}

.con1_word1 span:nth-child(1){margin-left:10px;}

.con1_img1,.con1_word1{-webkit-animation:tran 3s infinite alternate;-moz-animation:tran 3s infinite alternate;-ms-animation:tran 3s infinite alternate;-o-animation:tran 3s infinite alternate;animation:tran 3s infinite alternate;}

@-webkit-keyframes tran {

    0%{

        -webkit-transform:translateY(50px);

    }

    100%{

        -webkit-transform:translateY(10px);

    }

}

@-ms-keyframes tran {

    0%{

        -ms-transform:translateY(50px);

    }

    100%{

       -ms-transform:translateY(10px);

     }

}

@-moz-keyframes tran {

    0%{

        -moz-transform:translateY(50px);

    }

    100%{

       -moz-transform:translateY(10px);

    }

}

@-o-keyframes tran {

    0%{

        -o-transform:translateY(50px);

    }

    100%{

        -o-transform:translateY(10px);

    }

}

.con1 p{font-size:18px;color:#515151;width:675px; margin:0 auto; border-bottom:1px solid #e8e8e8; margin-bottom:60px; padding-bottom:55px;position: relative;}

.con1 p:before,.con1 p:after{content:"";position: absolute;}

.con1 p:after{width:60px;height:5px; background: #378ed7;top:44px;left:50%; margin-left:-30px;}

.con1 p:before{width:5px; height:5px; border:1px solid #e8e8e8;background:#f8fafc;margin-left:-2px; border-radius:50%;left:50%; bottom:-4px;}

.con1_ico{background: url(../img/sh_ui/con1_ico.png) no-repeat left top;height:114px;}

.con1_ico{width:1230px;}

.con1_ico li{display:inline;float:left;margin-right:24px; width:112px; height:112px; overflow:hidden;text-align: center;line-height:112px;border-radius:50%;color:#fff;}

.con1_ico li:last-child div{line-height: 25px;padding-top:30px; height:82px; background: #69dbd4;}

.con1_ico li:nth-child(1) div{background: #72bdfc;}

.con1_ico li:nth-child(2) div{background: #b4b4b4;}

.con1_ico li:nth-child(3) div{background: #90d519;}

.con1_ico li:nth-child(4) div{background: #74cef0;}

.con1_ico li:nth-child(5) div{background: #fdaa43;}

.con1_ico li:nth-child(6) div{background: #5edd9a;}

.con1_ico li:nth-child(7) div{background: #c299f4;}

ul.con1_ico li:nth-child(8) div{background: #d4d640;}

.con1_ico li div{opacity:0;font-size:16px;}

.con1_ico li:hover div{opacity:1; border-radius:50%;}

/*con2*/

.con2{background:url(../img/sh_ui/con2_bg.jpg) repeat; padding:70px 0;}

.con2 h6,.con2 p{color:#fff;}

.con2 p{border-bottom:1px solid #4fa5e7;}

.con2 p:after{background:#ecaa0a;}

.con2 p:before{background:#4fa5e7; border:1px solid #4fa5e7;}

.svg{text-align: center;color:#fff; position: relative;}

.svg div{position: absolute;}

.svg_on{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}

.svg div:nth-child(1){left:57px; top:32px;}

.svg div:nth-child(2){left:356px; top:32px;}

.svg div:nth-child(3){left:655px; top:32px;}

.svg div:nth-child(4){left:960px; top:32px;}

.svg div:nth-child(5){left:106px; top:355px;}

.svg div:nth-child(6){left:400px; top:355px;}

.svg div:nth-child(7){left:690px; top:355px;}

.svg div:nth-child(8){left:957px; top:355px;}

.svg img{margin-bottom:25px;}

.svg h5{font-size:18px; margin-bottom:10px;}

.svg i{display:inline-block;font-size:14px;line-height:24px;}

.svg_on1 img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}

/*con2.5*/

.con2_5{padding-top:78px; background: url(../img/sh_ui/con2_5_bg.jpg) no-repeat center top;height:690px;}

.con2_5 h6{color:#fff;}

.con2_5 p{border-color:#47525b;}

.con2_5 p:before{border-color:#47525b;background: #09292a;}

.con2_5_list{background: url(../img/sh_ui/con2_5_img1.png) no-repeat center center;}

.con2_5_list li{width:220px; float:left; margin-left:55px;position: relative;}

.con2_5_list li:after{content:"";width:16px; height:16px; position: absolute; background: #378ed7; border-radius: 100%;top:135px; left:50%;margin-left:-8px;}

.con2_5_list li:before{content:"";position: absolute;width:220px;border:1px dashed #b7deff;left:0px; top:-20px;height:0;opacity:0;}

.con2_5_list li:hover:before{height:320px;opacity:1;}

.con2_5_list li:hover img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}

.con2_5_list img{margin-bottom:30px;}

.con2_5_list h5{margin-bottom:85px;font-size:18px; color:#fff;}

.con2_5_list i{font-size:14px; color:#9ca3a9;line-height: 24px;}

/*con3*/

.con3{padding:80px 0; background: url(../img/sh_ui/con3_bg.jpg) no-repeat center top;}

.friend_link{margin-right:-30px; margin-bottom:10px;}

.friend_link em,.friend_link i,.friend_link span,.friend_link strong{display:block;}

.friend_link .con3_down{width:300px; height:220px;border:1px solid #dde3e8;float:left;border-left:none;border-top:none;position:relative;overflow:hidden;}

.friend_link img{margin-bottom:30px; margin-top:40px;}

.friend_link .con3_up{position:absolute;width:300px;left:-330px; height:220px;background: #378ed7;}

.friend_link span{font-size:24px; color:#3a4c5b;}

.friend_link strong{font-size:24px; color:#fff; padding-top:40px; margin-bottom:20px;}

.friend_link i{font-size:14px; color:#cadff2;line-height: 26px;}

/*con4*/

.con4{padding:80px 0; background: url(../img/sh_ui/con4_bg.jpg) no-repeat center top;}

.con4 h4{font-size:32px; color:#ecaa0a;margin-bottom:30px;}

.con4 p{line-height: 30px; margin-bottom:25px;}

.con4 p:after{top:80px;}

.con4 a,

.con4 a:before {

  width: 198px;

  line-height: 43px;

  text-align: center;

  display: block;

  font-size: 18px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.con4 a{

  height: 43px;

  color: #333;

  margin: 0 auto;

  position: relative;

  border: 1px solid #333;

  border-radius: 18px;

  margin-top: 18px;

  margin-bottom:54px;

}

.con4 a::before {

  content: "点击咨询";

  position: absolute;

  left: 0px;

  top: 0px;

  color: #ecaa0a;

  height: 0;

  overflow: hidden;

  font-family: "Microsoft YaHei";

}

.con4 a:hover::before {

  height: 43px;

}

.con4 a:hover {

  border-color: #ecaa0a;

}

/*con5*/

.con5{padding:90px 0; background: url(../img/sh_ui/con5_bg.jpg) no-repeat center top;}

.con5 .base{

  position: relative;

  overflow: visible;

}

.con5 .beizhu{

  font-size: 12px;

  color:#fff;

  position: absolute;

  right:0px;

  bottom:-18px;

}

.con5 h6{color:#fff;}

.con5 p{color:#777f84;border-bottom:1px solid #525557;}

.con5 p:after{background: #ecaa0a;}

.con5 p:before{background:#525557; border:1px solid #525557;}

.table_Hd th{text-align: center;border:1px solid #484a57;background:rgba(0,0,0,0.6);height:70px; line-height: 70px; font-size:16px; color:#d4d4de;  }

table td{text-align: center;border:1px solid #484a57;height:50px;line-height: 50px;background:rgba(0,0,0,0.4); color:#d4d4de; font-size:14px;}

.scrollWrap {

  height: 450px;

  overflow: hidden;

  position: relative;

}

.scrollWrap1{margin-bottom:50px;height:430px;}

.scrollWrap table {

  position: absolute;

  left: 0;

  top: 0

}

.scrollWrap tr {

  border-top:none;

}

/*con6*/

.con6 i{display:block;}

.u_snake {

  height: 241px;

  background:url(../img/sh_ui/u_snake_bg.jpg) no-repeat center top;

  padding-top: 60px;

}

.u_snake .base {

  position: relative;

  height: 100%;

}

.u_snake .base_tp h3,

.u_snake .base_tp i {

  color: #ffffff;

}

.u_snake .base_tp h3{font-size:36px; color:#fff; font-weight:bold; margin-bottom:20px;}

.u_snake .base_tp i{font-size:16px;line-height: 30px;}

.u_snake_con span,

.u_count_jt {

  display: block;

  width: 23px;

  height: 25px;

  background: url(http://www.mobiletrain.org/page/img/ui/snake_icon.png) no-repeat;

}

.u_snake_con {

  text-align: center;

}

.u_snake_con i {

  line-height: 28px;

  font-size: 20px;

  color: #ffde00;

  margin-top: 8px;

}

.u_snake_con span {

  position: absolute;

  left: 50%;

  bottom: 25px;

  margin-left: -11px;

}

/*con7*/

.u_basis h4,

.u_employ_tp h4 {

  text-align: center;

  line-height: 40px;

  font-size: 30px;

  font-weight: bold;

}

.u_basis {

  background-color: #e6e6e6;

  padding: 68px 0 76px;

}

.u_basis h4 {

  color: #333;

  margin: 0 0 62px;

}

.u_basis_con {

  width: 1000px;

  margin: 0 auto;

}

.u_basis_con img {

  float: left;

}

.u_basis_rg {

  float: right;

  width: 660px;

  text-align: center;

  padding-top: 24px;

}

.u_basis_rg h5 {

  border-top: 1px solid #e76904;

  border-bottom: 1px solid #e76904;

  line-height: 30px;

  font-size: 20px;

  color: #e76904;

  font-weight: normal;

  padding: 16px 0;

}

.u_basis_rg i {

  display:block;

  color: #666;

  line-height: 30px;

  padding-top: 12px;

  font-size:14px;

}

/*con8*/

.u_employ {

  background:#111519;

  height: 1335px;

  padding-top: 80px;

  position: relative;

}

.u_employ .base {

  position: absolute;

  height: 100%;

  left: 50%;

  margin-left: -600px;

  top: 0;

}

.u_employ ul {

  width: 1060px;

  margin: 40px auto 0;

}

.u_employ li {

  width: 215px;

  float: left;

  text-align: center;

  height: 265px;

  margin: 0 22px;

}

.u_employ li h5 {

  color: #fff;

  font-size: 18px;

  line-height: 36px;

  font-weight: normal;

  margin-top: 12px;

}

.u_employ li i {

  color: #94a3b1;

  display:block;

  line-height: 24px;

}

.u_employ .u_employ_li {

  margin-left: 280px;

}

.u_employ_round {

  background: url(http://www.mobiletrain.org/page/img/ui/employ_round.png) no-repeat;

  width: 1244px;

  height: 1253px;

  margin: 0 auto;

  animation: 30s jyRotate linear infinite;

  -webkit-animation: 30s jyRotate linear infinite;

}

.u_employ_tp {

  padding-top: 220px;

  text-align: center;

}

.u_employ_tp h4 {

  color: #fff;

}

.u_employ_tp i {

  font-size: 20px;

  line-height: 34px;

  color: #e76904;

  padding-top: 15px;

  display:block;

}

@-webkit-keyframes jyRotate {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-moz-keyframes jyRotate {

  0% {

    -moz-transform: rotate(0);

  }

  100% {

    -moz-transform: rotate(360deg);

  }

}

@-o-keyframes jyRotate {

  0% {

    -o-transform: rotate(0);

  }

  100% {

    -o-transform: rotate(360deg);

  }

}

@-ms-keyframes jyRotate {

  0% {

    -ms-transform: rotate(0);

  }

  100% {

    -ms-transform: rotate(360deg);

  }

}

@keyframes jyRotate {

  0% {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

/*con9*/

.con9{padding:100px 0 20px; background: url(../img/sh_ui/con9_bg.jpg) no-repeat center top;}

.con9_k{width:1030px;margin:0 auto; border:1px solid #000;padding:20px 0;margin-bottom:180px;}

.con9_b{width:990px;margin:0 auto;background: #000; padding:55px 0 40px;position: relative;}

.con9_lb{width:760px;overflow:hidden;margin:0 auto;position: relative;height:640px;}

.con9_lb li{float:left;width:760px;}

.con9_lb ul{position: absolute;}

.con9 i,.con9 em{display:block;}

.teacher_list{background: #d5d7cd;width:760px; position: relative; margin:0 auto;height:500px; margin-bottom:30px;}

.teacher_list img{position: absolute;}

.teacher_list i{text-align: left;position:absolute;left:56px; top:185px;color:#333;line-height: 26px;}

.teacher_list .name{left:56px;top:132px;}

.teacher_list .teacher{left:200px;bottom:0;}

.con9_lb em{color:#dde6ee; text-align: left;line-height: 26px;height:74px; text-indent:28px;word-break:break-all;

  display:-webkit-box;

  -webkit-line-clamp:3;

  -webkit-box-orient:vertical;

  overflow:hidden;}

.con9_b a{position: absolute;font-size:100px; color:#e0e1d9;}

.gxb_next,.gxb_prev{top:50%;margin-top:-140px;}

.gxb_next{right:50px; }

.gxb_prev{left:50px;}

.con9 span{display:block;font-size:18px; color:#515151; line-height: 34px;}

.con8{width:100%; overflow:hidden;}

/*con10*/

.con10{padding-top:10px; background: url(../img/sh_ui/con10_bg.jpg) no-repeat center bottom;}

.con10 h6{line-height: 68px;}

.con10 p{padding-bottom:30px; margin-bottom:30px;}

.con10 p:after{top:-10px;}

.con10_link a{display:inline-block;margin-right:50px;padding:0 30px;height:40px; line-height: 40px;font-size:18px;color:#ecaa0a; border:1px solid #ecaa0a; border-radius:20px}

.con10_link a:nth-child(2){margin-right:0;}

.con10_link{margin-bottom:60px;}

.con10_tab{position: relative;width:100%; height:740px;}

.con10_tab em,.con10_tab i{display:block; position: absolute; z-index:5;line-height: 50px; background-color: rgba(0,0,0,0.5);font-size:25px; color:#fff;}

.con10_tab .sh_link1{top:40px; left:188px;width:850px; z-index:100;}

.con10_tab .sh_link2{width:272px; left:36px; top:325px;z-index:100;}

.con10_tab .sh_link3{right:16px;bottom:77px;font-size:14px;z-index:100;background:none;color:#fff;}

.con10_tab .tab1{width:312px; height:451px;position:absolute;left:18px; bottom:0px;}

.con10_tab li{position: absolute;}

.con10_tab li img{float:left;display:block;}

.con10_tab .tab2{width:898px; height:734px;position: absolute; }

.con10 .img1,.con10 .img2,.con10 .img3{position: absolute;}

.con10 .img1{left:0; bottom:0;}

.con10 .img2{left:0px; top:0;}

.con10 .img3{right:0px; bottom:0;}

.tab2,.tab1,.img3{cursor:pointer;}

.tab2{left:158px;}

.con10 embed{position: absolute;}

.tab2 embed{left:38px; top:55px;}

.tab1 embed{left:18px; top:37px;}

/*con11*/

.con11{padding:110px 0 90px; background: #f4f4f4;}

.con11 h6{font-weight:bold;font-size:36px;}

.con11_img{height:462px; overflow-y:hidden;}

.con11_img img{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px);}

.con11_img img:hover{-webkit-transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);transform:translate(0);}

/*con12*/

.con12{background: #378ed7; padding:75px 0;}

.con12 h6{color:#fff;}

.con12 p{color:#b7d6ee; border-color:#4fa5e7;}

.con12 p:after{background: #ecaa0a;}

.con12 p:before{border-color:#4fa5e7; background: #4fa5e7;}

.con12_img{width:100%;}

/*con13*/

.con13{padding:90px 0 30px; background: url(../img/sh_ui/con13_bg.jpg) no-repeat center top;}

.con13 img{margin-bottom:77px;}

.con13_link{margin-bottom:190px;}

.con13_link a{margin-right:85px;display:inline-block;font-size:22px;color:#211907;height:60px; line-height: 60px; padding:0 30px;background: #ecaa0a;border-radius:10px;}

.con13_link a:nth-child(2){margin:0;}

.share{width:350px; margin:0 auto;}

.share .wx{position:relative;}

.share .ewm{position: absolute;top:-115px; opacity:0; left:-27px;width:100px;height:100px;}

.share .wx:hover .ewm{opacity:1;}

.share span,.share a{display:block;float:left;height:45px; line-height: 45px;}

.share span{font-size:20px;color:#9b9b9b;}

.share a{margin-left:20px;}

.share img{opacity:0.7;}

.share img:hover{opacity:1;}