/**

*name:xyh	

*data:2016/11/11

*/

/*公共部分*/

body { background: #fefefe; }
.f14 { font-size: 14px; }
.f24 { font-size: 24px; }
.f_blod { font-weight: bold; }
.pos_rel { position: relative; }
.pos_abs { position: absolute; }
/*头部*/

#and_head { width: 100%; height: auto; }
#and_head .and_logo { width: 100%; height: 40px; border-bottom: 1px solid #999999; }
#and_head .and_logo .and_logo_box { width: 1000px; height: 40px; line-height: 40px; margin: 0 auto; }
#and_head .and_logo .and_logo_box a { display: inline-block; width: 75px; height: 27px; }
#and_head .and_logo .and_logo_box a img { margin-top: 7px; }
#and_head .and_logo .and_logo_box span.and_pic { display: inline-block; width: auto; height: 40px; }
.and_nav { width: 100%; height: 58px; line-height: 58px; background: #89c605; border-bottom: 1px solid #a6aeb2; }
.and_nav .and_nav_box { background: #89c605; width: 1000px; height: 58px; margin: 0 auto; }
.and_nav .and_nav_box li { display: inline-block; height: 58px; line-height: 58px; color: #000; text-align: center; }
.and_nav .and_nav_box li em { display: block; width: 25px; height: 58px; float: left; margin-right: 5px; transition: all 0.5s ease-in-out; }
.and_nav .and_nav_box li em.nav_active { background: url(../img/nav_active.png) no-repeat 0 12px; }
.and_nav .and_nav_box li a { display: block; width: auto; height: 58px; float: left; padding-right: 25px; }
.and_banner_box { width: 100%; height: 500px; overflow: hidden; }
.and_banner_box .and_banner1 { width: 100%; height: 500px; background: url(../img/and_banner1.jpg) no-repeat top center #ececee; }
.and_banner_box .and_banner2 { width: 100%; height: 500px; background: url(../img/and_banner2.jpg) no-repeat top center #303030; }
.and_banner_box .and_banner3 { width: 100%; height: 500px; background: url(../img/and_banner3.jpg) no-repeat top center #989897; }
.and_banner_box .and_banner4 { width: 100%; height: 500px; background: url(../img/and_banner4.jpg) no-repeat top center #19a985; }
.and_banner_box .and_banner5 { width: 100%; height: 500px; background: url(../img/and_banner5.jpg) no-repeat top center #000; }
.and_banner_box .and_banner6 { width: 100%; height: 500px; background: url(../img/and_banner6.jpg) no-repeat top center #e9e8e8; }
#and_head .slick-dots { height: 30px; line-height: 30px; }
#and_head .slick-dots li { position: relative; display: inline-block; height: 11px; width: 11px; margin: 0px 8px; padding: 0px; cursor: pointer; border-radius: 50%; }
#and_head .slick-dots li button { border: 0; background: #fff; border-radius: 50%; display: block; height: 11px; width: 11px; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; outline: none; text-indent: -999999px; padding: 0; position: absolute; }
#and_head .slick-dots li.slick-active button { top: -6px !important; left: -3px !important; height: 20px; width: 18px; background: url(../img/banner_active.png) no-repeat top center; }
#and_head .slick-dots { bottom: 20px; }
/*热门职位，高薪机遇，全行业覆盖*/

.and_hot { width: 1000px; height: 614px; margin: 0 auto; background: url(../img/and_hot.jpg) no-repeat; }
.and_hot .and_hot_title { width: auto; height: 30px; position: absolute; top: 66px; left: 337px; font-size: 24px; color: #fff; }
.and_hot .and_hot_title span { margin-right: 5px; color: #000; }
.and_hot_p { width: 1000px; height: 20px; text-align: center; position: absolute; top: 150px; left: 0px; font-size: 14px; }
.and_hot_pay { width: auto; height: 24px; position: absolute; top: 472px; left: 275px; font-size: 24px; color: #fff; }
.and_hot_payw { width: 230px; height: 24px; position: absolute; top: 508px; left: 200px; font-size: 18px; text-align: center; }
.and_hot_position { width: auto; height: 24px; position: absolute; top: 472px; left: 660px; font-size: 24px; color: #fff; }
.and_hot_positionw { width: 230px; height: 24px; position: absolute; top: 508px; left: 606px; font-size: 18px; text-align: center; }
/*为你严格的进行科学的  渐进式课程设计*/

.and_design_box { width: 100%; height: 749px; background: #85c226; }
.and_design { width: 1000px; height: 749px; margin: 0 auto; background: url(../img/and_design.png) no-repeat; }
/*为你准备了 最科学的O2O学习模式*/

.and_o2o_box { width: 100%; height: 772px; background: url(../img/and_3A_bg.jpg) repeat; }
.and_o2o { width: 1000px; height: 772px; margin: 0 auto; background: url(../img/and_3.png) no-repeat; }
/*为你准备了 最完备的学习资源*/

.and_resources_box { width: 100%; height: 368px; background: #0b0a0a; }
.and_resources { width: 1000px; height: 368px; margin: 0 auto; background: url(../img/and_resources.jpg) no-repeat center center; }
/*为你准备了 全方位的学习服务*/

.and_all_box { width: 100%; height: 770px; background: url(../img/and_3A_bg.jpg) repeat; }
.and_all { width: 1000px; height: 770px; margin: 0 auto; background: url(../img/and_all_pos.png) no-repeat; }
/*万能的Android  应用开发工程师可以改变世界*/

.and_turn_box { width: 100%; height: 914px; background: #83c025; }
.and_turn_box .and_turn { width: 100%; height: 814px; background: url(../img/and_turn_bg1.jpg) no-repeat center top #151314; }
.and_turn_box .and_turn1 { width: 1000px; height: 914px; margin: 0 auto; }
.and_turn_title { width: 565px; height: 105px; position: absolute; top: 70px; left: 235px; background: url(../img/and_changew.png) no-repeat; }
.and_pic_turn { width: 1000px; height: 650px; position: absolute; top: 215px; left: 0; }
.and_phone_sbox { width: 479px; height: 124px; position: absolute; top: 520px; left: 240px; }
.and_phone_s { width: 70px; height: 124px; float: left; margin-right: 11px; cursor: pointer; background: url(../img/and_phone_s.png) no-repeat; }
.and_phone_s:last-child { margin-right: 0; }
.and_phone_s1 { background-position: 0 0; }
.and_phone_s2 { background-position: -82px 0; }
.and_phone_s3 { background-position: -164px 0; }
.and_phone_s4 { background-position: -246px 0; }
.and_phone_s5 { background-position: -328px 0; }
.and_phone_s6 { background-position: -410px 0; }
.and_pic_box { width: 1000px; height: 435px; position: absolute; top: 0; left: 0; }
.and_aphone { width: 216px; height: 434px; position: absolute; top: 0; left: 375px; z-index: 100; }
.and_pic { width: 1000px; height: 435px; position: relative; top: 0; left: 0; }
.and_pic .and_pics { width: 200px; height: 358px; position: absolute; top: 0; left: 0; }
.and_pic .and_pics img { display: block; width: 100%; height: 100%; }
.and_pic .and_pics em.and_embg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); }
.and_pic .and_pics:nth-child(1) { top: 35px; left: 80px; z-index: 1; transform: scale(0.9, 0.9); }
.and_pic .and_pics:nth-child(2) { top: 35px; left: 171px; z-index: 2; transform: scale(0.9, 0.9); }
.and_pic .and_pics:nth-child(3) { top: 36px; left: 383px; z-index: 3; }
.and_pic .and_pics:nth-child(4) { top: 35px; left: 595px; z-index: 2; transform: scale(0.9, 0.9); }
.and_pic .and_pics:nth-child(5) { top: 35px; left: 700px; z-index: 1; transform: scale(0.9, 0.9); }
.and_pic .and_pics:nth-child(6) { top: 35px; left: 384px; transform: scale(0.9, 0.9); }
/*双重认证：青鸟证书+国家认证*/

.and_double_con { width: 100%; height: 720px; background: #83c025; }
.and_double { width: 1000px; height: 720px; margin: 0 auto; position: relative; }
.and_title_p { padding: 0px 0px 11px; }
.and_double_box { width: 710px; padding: 236px 130px 0 160px; height: auto; }
.and_double_title { width: 487px; height: 94px; line-height: 68px; position: absolute; top: 45px; left: 245px; font-size: 24px; text-indent: 65px; background: url(../img/and_double_title.png) no-repeat; }
.and_double_title span { margin-right: 25px; }
.and_double_p { width: 1000px; height: 14px; position: absolute; top: 150px; left: 0px; text-align: center; }
.and_double_box dl { width: 287px; height: auto; float: left; text-align: center; }
.and_double_box dl dt { width: 287px; height: 236px; overflow: hidden; margin-bottom: 20px; }
.and_double_box dl dd:nth-child(2) { width: 282p; height: 40px; font-size: 16px; line-height: 40px; text-align: left; padding-left: 10px; }
.and_double_box dl dd:nth-child(3) { width: 282p; height: 22px; font-size: 14px; line-height: 22px; text-align: left; padding-left: 10px; }
.and_double_box dl dd a { color: #000; }
.and_double_box dl dd a:hover { color: #f00; }
.and_double_box dl:nth-child(2) { margin-left: 130px; }
.and_double_box dl dd span.special { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-left: 5px; }
/*footer*/

.and_three_A { width: 100%; height: 880px; background: url(../img/and_3A_bg.jpg) repeat-x; }
.and_three_box { width: 1000px; height: 880px; margin: 0 auto; background: url(../img/and_job.png) no-repeat; }
.and_three_p { text-align: center; padding-top: 750px; }
.and_three_p a { width: 211px; height: 55px; display: inline-block; background: url(../img/and_3a.png) no-repeat 0 0; }
.and_three_p a:hover { background: url(../img/and_3a.png) no-repeat 0 -55px; }
/*footer*/

.footer-box { background: #3e3e3e none repeat scroll 0 0; color: #fff; font-size: 12px; }
.footer-box { height: 110px; text-align: center; }
.footer-box .copy { line-height: 20px; padding-top: 25px; }
.wrap { width: 1200px; height: auto; margin: 0 auto; }
/*右侧悬浮窗*/

.and_nav_float { width: 124px; height: 536px; padding-top: 17px; display: block; text-align: center; position: fixed; bottom: 50px; left: 0%; margin-left: 50px; background: url("../img/right_nav.png") no-repeat; }
.and_nav_float p { height: 51px; line-height: 51px; font-size: 14px; color: #fff; cursor: pointer; }
.and_nav_float p:hover { background: #b1e147; }
.and_nav_float span { display: block; width: 34px; height: 42px; line-height: 0; font-size: 0; margin-left: 44px; margin-top: 20px; cursor: pointer; background: url("../img/nav_float_top.png") no-repeat 0 0; }
.and_nav_float span:hover { background: url("../img/nav_float_top.png") no-repeat -66px 0px; }
.and_nav_float .active { background: url("../img/right_btn.png") no-repeat 15px 20px; }
.a1 { /*border: 1px solid red;*/ width: 100%; height: 100%; }
.zt_form1 { background: #00c069; overflow: hidden; height: 135px; }
