@charset "utf-8";
/* CSS Document */
body,div,p,span,h1,h2,h3,h4,ul,li{margin:0;padding:0}
body{font-family:"微软雅黑";font-size:12px;color:#333;background:#fff; line-height:24px;}
ul,li,dl,dt,dd{list-style:none}

.center{ text-align:center; }

.align_r{text-align:center;}

img{border:0}
em{FONT-STYLE:normal;FONT-WEIGHT:normal}
a{TEXT-DECORATION:none;color:#333}
a:hover{TEXT-DECORATION:none;}
.scroll table{cursor: pointer;overflow: hidden;}
.table_tit{ background:#fff;margin-bottom:5px;}
.table_tit tr th{ border-right:1px solid #ccc; color:#AF1F24; height:14px; overflow:hidden}
th {
text-align: center;
font-size: 14px;
line-height: 24px;
color: #333;
}

table td {
font-size: 12px;
line-height: 27px;
color: #1594e7;
text-align: center;color: #333;
}
#demo tr:hover{ background:#efefef}
.fl{ float:left}
.fr{ float:right; width:400px;}
.red{color:#bf1c1f; font-weight:bold }
.gray{ color:#999}
.clear{ height:10px; font-size:10px; clear:both}
.layout{width:1024px; margin:0 auto}
.header{ background:#333434; height:75px;}
.header .logo_area{padding-left:5px;margin-top:15px;width:513px;}
.header .logo_area h1{ width:141px; height:47px; background:url(images/logo.jpg) no-repeat left top; float:left; overflow:hidden; text-indent:1000em;padding-left:15px; border-right:#B4B3B3 1px solid; float:left;white-space:nowrap;}
.header .logo_area a{margin-left:15px;}
.header .logo_area   strong{  color:#B4B3B3;font-size:14px; display:block; float:left;padding-left:15px; overflow:hidden}
.header .logo_area  span{  color:#fff;font-size:16px;}
.header   p{ float:right; color:#fff;margin-top:30px; line-height:35px; height:35px;}
.header  p span{color:#DCDDDD; font-size:14px;padding-left:35px; display:block; height:35px; float:left;padding-right:20px;}
.header  p  .tel{ background:url(dianhua.png) no-repeat 0 0;}
.header  p  .tel a{color: #DCDDDD;font-size: 14px;}
.header  p  .hour24{ background:url(../images/shouji.jpg) no-repeat 0 0; font-size:17px;}
.navigation{ background:#fb6707; overflow:hidden; height:30px; padding-top:5px;}
.thank-con ul li span{ float:right; color:#999}
.navigation ul li{ width:140px; float:left; border-right:1px solid #fff; text-align:center;}
.navigation ul li a{ color:#fff; }
.navigation ul li a:hover{color:#fff}
navigation  ul .fr{ background:url(dingbu.jpg) no-repeat;}

.header p{margin-top:5px}
.header p.fr{ position:relative;width:380px;}
.header p.fr .tel{ position:absolute; top:5px; right:-7px;}
.header p.fr .hour24{position:absolute;top:30px; left:50px; background:none;width: 330px;}
.header p.fr .tous{position:absolute;top:10px; left:290px; text-align:center; line-height:25px;}

/*背景色*/
#android .navigation{background:#fb6707;}

/******************分校下拉style***********************/
.popup_1 {
    display: none;
    right:-420px;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 500px;
}
.popup_1 img {
    left: 22px;
    position: absolute;
    top: 1px;
}
.popup_1_ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    display: block;
    height: auto !important;
    line-height: 22px;
    margin-top: 10px;
    overflow: hidden;
    padding: 8px 0 8px 8px;
    width: 253px;
    z-index: 2147483647;
}
.popup_1_ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.popup_1_ul li a,.popup_1_ul li span {
    color: #000000;
    display: block;
}
.popup_1_ul li a:hover{ text-decoration:underline}
.tl_area {
    padding: 40px 30px 0;
}
.tl_area .logo_font {
    float: right;
    margin-right: 15px;
    margin-top: 12px;
}
.header .layout{position:relative}
.sub_school{ position:absolute; top:78px; right:30px}



/*主体部分样式*/

#main{ width:1000px; margin:0 auto; border:1px solid #f00;}

#n1{ width:900px; margin:0 auto; background:url(images/n1.jpg) no-repeat right bottom; height:314px;margin-top:39px; margin-bottom:27px; }

.tit{ width:442px;}


.s_48{ font-size:33px;}

.s_18{ font-size:18px;}

.s_14{ font-size:14px;}

.hui{ color:#817272;}

.huang{ color:#fb6707;}

.hei{ color:#232b35;}

.aniu{ width:136px; height:32px; line-height:30px; background:#3e7dc4; border:1px solid #3e7dc4;-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px; font-size:14px; font-weight:bold; color:#fff; text-align:center; margin-left:280px; margin-top:23px;}

.mt_12{ margin-top:12px;}

h1{ line-height:1.5em;}



/*学APP开发=进名企、拿高薪！*/



.lunh{ width:100%; height:373px; overflow:hidden; border-top:1px solid #e5edf4; padding-top:50px;}

.lunh ul{ width:1000px; margin:0 auto;}

.lunh ul li{float:left; width:1000px; margin:46px 0 0 231px;}

.lunh ul li img{float:left; margin-right:59px;}

#hyqjDiv,#rcxqDiv,#jyxsDiv{ width:100%; background-color:#222a35;}

.d1{ width:1000px; margin:0 auto; background:url(images/whyHyqj.jpg) no-repeat;}

.d1 h1{ color:#fff; font-style:inherit; padding-top:45px;}

.d1 h1 span{ color:#3dce85;}

.s_16{ font-size:16px; color:#fff; margin-bottom:50px;}



#rcxqDiv{ height:665px;display:none;}

.d2{ width:1000px; margin:0 auto; background:url(images/whyXqlBg.jpg) no-repeat;}

.d2 h1{ color:#fff; font-style:inherit; padding-top:45px; margin-bottom:20px;}

.d2 ul{ float:none; overflow:hidden;}

.d2 ul li{ float:left; margin-right:17px; margin-bottom:17px; width:237px; height:192px;}

#m_r{ margin-right:0;}

.aniu1{ width:277px; margin:0 auto; height:33px; line-height:33px; background:#fb6707;-moz-border-radius:15px; -wetkit-border-radius:15px; border-radius:15px; font-size:15px; font-weight:bold; color:#fff; text-align:center;  margin-top:23px;}



#jyxsDiv{height:730px; display:none;}

.d3{ width:1000px; margin:0 auto; background:url(images/whyXsgBg.jpg) no-repeat;}

.d3 h1{ color:#fff; font-style:inherit; padding-top:45px; margin-bottom:10px; font-style:inherit;}

.d3 h1 span{ color:#f04036;}

.d3 .s_17{ color:#fff; border-bottom:1px solid #414f60; padding-bottom:20px; margin-bottom:15px;}

.d3 .s_17 span{ color:#f04036;}

.s_17{ font-size:17px;}


.d3 ul{ float:none; overflow:hidden; padding-bottom:15px; border-bottom:1px solid #414f60;}

.d3 ul li{ float:left; width:462px; color:#fff; text-align:left; border-bottom:1px dashed #424a54; padding:25px 0; margin-right:75px;}

.d3 ul li p{ width:462px;}

.d3 ul li .gs{ font-size:16px;}

.d3 ul li .gs .gs1{ color:#9cc9e8; text-decoration:underline;}

.d3 ul li .gs .gs2{ color:#ff8231;}

.d3 ul li .xz span{ font-size:24px; color:#ffc000; float:right;}


.aniu2{ width:277px; margin:0 auto; height:33px; line-height:33px; background:#f04036;-moz-border-radius:15px; -wetkit-border-radius:15px; border-radius:15px; font-size:15px; font-weight:bold; color:#fff; text-align:center;  margin-top:45px;}

#bor_bom{ border-bottom:none;}


/*APP软件开发工程师*/

.mg{ margin:50px 0 40px;}

.aniu3{ width:277px; margin:0 auto; height:33px; line-height:33px; background:#f15f5a;-moz-border-radius:15px; -wetkit-border-radius:15px; border-radius:15px; font-size:15px; font-weight:bold; color:#fff; text-align:center;  margin:55px auto;}



.a_i{ width:100%; height:230px; overflow:hidden; border-top:1px solid #eaeff5; padding-top:50px; background:#f8f9fd;}

.a_i ul{ width:350px; margin:0 auto;}

.a_i ul li{float:left; width:500px;}

.a_i ul li img{float:left; margin-right:59px;}

#kcszDiv,#kcsziosDiv{ width:100%; background-color:#232c35;}

#kcszDiv{ height:528px;}

#kcsziosDiv{height:500px; display:none;}

.d01{ width:771px; margin:0 auto; background:url(images/andr_jt.jpg) no-repeat; padding-top:70px;}

.d02{ width:841px; margin:0 auto; background:url(images/ios_jt.jpg) no-repeat;padding-top:70px;}


.aniu4{ width:277px; margin:0 auto; height:33px; line-height:33px; background:#3d7cc1;-moz-border-radius:15px; -wetkit-border-radius:15px; border-radius:15px; font-size:15px; font-weight:bold; color:#fff; text-align:center;  margin:55px auto;}

/*为什么一定要选择 达内App开发培训？*/
.way h1{ margin:55px 0 30px;}


.way .s_16{ color:#666; margin-top:25px; margin-bottom:0;}


.aniu5{ width:320px; margin:0 auto; height:33px; line-height:33px; background:#fb6707;-moz-border-radius:15px; -wetkit-border-radius:15px; border-radius:15px; font-size:15px; font-weight:bold; color:#fff; text-align:center;  margin:55px auto;}


#kcbzDiv{width:1000px; height:740px;margin:auto;background-position:top center; margin:auto; text-align:center; color:#fff;}

#kcbzDiv h1{ margin:35px 0;}

#sztdDiv .s_16{ margin:30px 0; color:#ccd5e4;}

#sztdDiv .m{ color:#fff; margin:35px 0 20px; line-height:1em;}

#sztdDiv .m span{ color:#68b6f8;}
.s_24{ font-size:24px;}

#sztdDiv ul li{ float:left; margin-right:13px; margin-bottom:20px;}


.aniu6{ width:320px; margin:0 auto; height:33px; line-height:33px; background:#f0534c;-moz-border-radius:15px; -wetkit-border-radius:15px; border-radius:15px; font-size:15px; font-weight:bold; color:#fff; text-align:center;  margin:35px auto 50px;}



.n500{ width:884px; margin:0 auto; margin-top:50px;}


/*App实战项目*/



#forkme_banner {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 10;
  padding: 10px 50px 10px 10px;
  color: white;
  background: url("../images/blacktocat.png") #6A3 no-repeat 95% 50%;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  text-decoration: none;
}


.container {
  width: 960px;
  margin: auto;
}

.actions {
  margin-top: 10px;
}

.track {
  width: 100%;
  position: relative;
}

.view-port, .track .inner {
  width: 850px;
}

.axis-y .view-port,
.axis-y .track .inner {
  width: 240px;
  height: 660px;
}


.view-port {
  overflow: hidden;
  position: relative;
}

.track .inner {
  position: relative;

  margin: auto;
  margin-bottom: 30px;
  padding: 10px;

  border-radius: 4px;
}

.track .inner h2 {
  font-weight: 200;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  color: #999;
}

.track .inner h2:hover {
  color: #6A3;
}

.track a.prev,
.track a.next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -32px;
  width: 64px;
  height: 64px;
  background: url("images/arrows.jpg");
  background-repeat: no-repeat;
}

.track a.prev.disabled,
.track a.next.disabled {
  display: none;
}

.track a.prev {
  left: 0;
  background-position: 0 0;
}


.track a.next {
  right: 0;
  background-position: -64px 0;
}


.slider-container {
  position: relative;
  margin: 0;
  padding: 0;

  height: 357px;
}

.slider-container.big {
  height: 288px;
}

.slider-container.huge {
  height: 432px;
}

.slider-container .item {
  position: absolute;

  width: 201px;
  height: 357px;

  margin-right: 15px;
  margin-bottom: 16px;
}

.slider-container .item img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.slider-container.big .item,
.slider-container.big .item .img-area {
  height: 357px;
}

.slider-contaiber.huge .item {
  margin-bottom: 12px;
}


.slider-container .item.cover {
  width: 940px;
}

.slider-container .item.cover-2 {
  height: 432px;
}

.slider-container .item.cover img {
  float: left;
}

.slider-container .item.cover-2 img {
  float: none;
}

.slider-container .item.cover .img-area {
  float: right;
  margin-left: 16px;
}

.slider-container .item.cover-2 .img-area {
  float: none;
  margin-left: 0;
  margin-top: 12px;
}

.slider-container .item.cover-2 .img-area .img-block:first-child {
  margin-right: 14px;
}

.slider-container .item.cover .img-block {
  height: 128px;
}

.slider-container .item.cover-2 .img-block {
  float: left;
}

.img-block {
  margin-bottom: 16px;
}

.editorial {
  float: right;
  width: 200px;

  padding-right: 20px;
  height: 272px;
  background: white;
}

.editorial .title {
  font-size: 24px;
  margin: 20px 0 0 20px;
}

.editorial .desc {
  font-size: 14px;
  line-height: 18px;
  padding-top: 8px;
  margin-left: 20px;
}

.side-a, .side-b {
  float: left;
  width: 462px;
}

.side-a {
  margin-right: 16px;
}

.side-a > img, .side-b > img {
  width: 462px;
  height: 272px;
}

.bullet-pagination {
  width: 100%;
  text-align: center;
  margin-top:55px;

}

.bullet {
  display: inline-block;
  background: #4090cb;
  padding: 4px;
  border-radius: 6px;
  margin-right: 5px;
  opacity: 0.4;

  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.bullet.active {
  opacity: 1;
}

.bullet:last-child {
  margin-right: 0;
}

#example-4 img {
  width: 228px;
  height: 132px;
}

.example-4 .loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  text-align: center;
  line-height: 140px;
  padding: 4px 0;
  z-index: 1;
}

.example-4 .loading:before {
  content: "loading...";
}

.example-4 .bullet {
  cursor: default;
}

.example-1 a.prev,
.example-1 a.next {
  margin-top: -69px;
}

.example-2 a.prev,
.example-2 a.next {
  margin-top: -58px;
}

.example-3 a.prev,
.example-3 a.next {
  margin-top: -53px;
}

.example-4 a.prev,
.example-4 a.next {
  margin-top: -68px;
}


.view-port {
  overflow: hidden;
  position: relative;
}
.slider-container {
  position: relative;
  margin: 0;
  padding: 0;
}
.item {
  position: absolute;
}


/*底部*/
.bom{ background:#000;}
.bom p{ padding:20px 0; color:#CCC;}