/* 框架定义 */ body{background:#fff} .wrapper{min-width:1280px;min-height:100%;_height:100%;overflow:auto} .center{position: relative;width:1180px;margin:0 auto;} .center2{position: relative;width:1200px;margin:0 auto;} .box{position:relative;max-width:1920px;overflow:hidden;height:920px;margin:0 auto} /* 头部样式 */ .header{position: relative;height:80px;border-bottom: 1px solid #ebebeb;box-sizing: border-box;z-index: 4;} .header-fixed-behide{position:fixed;width:100%;z-index:1;top:-80px;transform:translateZ(0);-webkit-transform:translateZ(0)} .header-fixed{position: fixed;top: 0;width: 100%;transition: .3s linear;-webkit-transition: .3s linear;transform: translateZ(0);-webkit-transform: translateZ(0);background: #fff} .header .logo{float:left;margin-top: 25px} .header .logo a{display: block} .consult a{display: inline-block;width: 90px;height: 36px;margin-top:22px;margin-left:55px;line-height:36px;border-radius: 3px;font-size:14px;text-align:center;color:#fff;background: #ffaa3c} .consult a:focus{background: #ff6917} .nav{width: 520px} .nav ul li{position: relative;float: left;margin-right:15px;font-size:16px;color: #333;z-index: 2;height: 80px;line-height:78px;} .nav ul li>a{display:inline-block;height: 80px;line-height:78px;padding:0 15px;border-bottom: 2px solid transparent;color: #333;box-sizing: border-box} .nav ul li:hover>a, .nav ul li.cur>a{color: #f3600f;border-bottom-color: #f3600f} .nav ul li .secondItem{position: absolute;display:none;top: 80px;left:-20px;width:348px;height:223px;padding:10px 0;background: #fff;opacity: 0.98;filter: alpha(Opacity=98);overflow: hidden;border:1px solid #e5e5e5;border-top:0;z-index: 15;} .nav ul li .secondItem.pro {width: 605px;left: -186px;padding: 22px 30px 0 30px} .nav .secondItem a {color: #5c5855} .nav .secondItem a:hover{color: #f3600f} .recommend {display: inline-block;width: 100%} .hot-item{width:100%;height: 24px;padding-bottom: 20px;} .hot-item dt{float:left;height: 21px;line-height: 21px;color: #f3600f;} .hot-item dd{float:left;height: 24px;line-height: 24px} .hot-item dl dd a {width: 112px;height: auto;line-height: inherit;padding: 0 10px;vertical-align: text-top;font-family:Microsoft YaHei;} /* banner */ .banner{background: url("/wwwzhongxi-educom/Resource/Template/5/images/banner.jpg") center no-repeat;} .banner-txt{position: absolute;top: 168px;left:50%;width: 942px;margin-left: -471px;opacity: 0;filter:Alpha(opacity=0);transition: all 1200ms;-webkit-transition: all 1200ms;-moz-transition: all 1200ms;-o-transition: all 1200ms;} .banner-txt.play{top: 250px;opacity: 1; filter: alpha(opacity=100);} .banner-txt p{font-weight: bold;color: #fff;text-align: center} .banner-p1{font-size: 72px;} .banner-p2{margin-top:72px;margin-bottom:47px;font-size: 28px} .banner-p2 span{color: #ffdd3c} .banner-p3{font-size: 40px;} .banner-p3 span{margin-left: 86px} .banner-box{position:absolute;top:612px;left:50%;width: 519px;height: 60px;margin-left:-270px;padding-left:21px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/banner-inp.png") no-repeat;opacity: 0;filter:Alpha(opacity=0);transition: all 1200ms;transition-delay: 700ms;-webkit-transition: all 1200ms;-webkit-transition-delay: 700ms;-moz-transition: all 1200ms;-moz-transition-delay: 700ms;-o-transition: all 1200ms;-o-transition-delay: 700ms;} .banner-box.play{top:570px;opacity: 1; filter: alpha(opacity=100);} .banner-inp{float:left;width:338px;height:60px;line-height:60px;padding-right:21px;color: #333;font-size: 20px} .banner-btn{float: right;width: 160px;height: 60px;} /* 整体规划 */ .program{background: url("/wwwzhongxi-educom/Resource/Template/5/images/program.jpg") center no-repeat} .program h2{position: absolute;top: 80px;font-size: 36px;color: #333;left: 50%;margin-left: -200px} .program-bg{position:absolute;top:160px;width:1180px;height:674px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/program.jpg") no-repeat;} .program.play h2{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .program.play .program-bg{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: zoomInDown;animation-name: zoomInDown;} /* 易起来 */ .yi{background: #f0f4ff} .yi h2{position:absolute;left:50%;top:80px;height:38px;margin-left:-162px;font-size:36px;color: #333;font-weight: normal} .yi.play h2{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;} .yi-ul{position: absolute;top: 200px;margin-left: -20px;} .yi-ul li{float:left;width: 220px;height: 560px;margin-left:20px;border: 1px solid #c3caed;box-sizing: border-box;background: #fff} .yi-ul li i{position:relative;left:50%;margin-left:-40px;display: inline-block;width:80px;height:80px;margin-top:40px;margin-bottom: 40px;} .yi-ul li h3{font-size: 20px;color: #333;text-align: center} .yi-ul li h4{margin-top:16px;margin-bottom:11px;font-size: 14px;font-weight:normal;text-align:center;color: #333} .yi-line{width:180px;height:1px;margin:0 auto;padding-top:50px;border-top:1px solid #6aa2ff} .yi-dl dt{margin-bottom:42px;padding-left: 30px;} .yi-dl dt a{font-size: 18px; color: #444} .yi-dl dd{display:none;font-size: 14px; color: #fff;padding-left: 11px;white-space: nowrap;} .y-ico01{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico01.png") no-repeat} .y-ico02{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico02.png") no-repeat} .y-ico03{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico03.png") no-repeat} .y-ico04{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico04.png") no-repeat} .y-ico05{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico05.png") no-repeat} .yi-ul li.cur{background: url("/wwwzhongxi-educom/Resource/Template/5/images/shade01.png") repeat-x;border:none;webkit-transform: scale(1.13636,1.1392857); -moz-transform: scale(1.13636,1.1392857); transform: scale(1.13636,1.1392857);transition: all 700ms;-webkit-transition: all 700ms;-moz-transition: all 700ms;-o-transition: all 700ms;} .yi-ul li.cur i{width:90px;height:90px;margin-top: 30px;margin-bottom: 30px;webkit-transform: scale(0.88,0.87774); -moz-transform: scale(0.88,0.87774); transform: scale(0.88,0.87774);} .yi-ul li.cur h3{color: #fff} .yi-ul li.cur h4{color: #fff;margin-top: 14px;margin-bottom: 10px} .yi-ul li.cur i{margin-left: -45px} .yi-ul li.cur i.y-ico01{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico11.png") no-repeat} .yi-ul li.cur i.y-ico02{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico22.png") no-repeat} .yi-ul li.cur i.y-ico03{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico33.png") no-repeat} .yi-ul li.cur i.y-ico04{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico44.png") no-repeat} .yi-ul li.cur i.y-ico05{background: url("/wwwzhongxi-educom/Resource/Template/5/images/y-ico55.png") no-repeat} .yi-ul li.cur .yi-line{padding-top: 19px;border-top: 1px solid #fff} .yi-ul li.cur .yi-dl {width:100%;height:80px;margin-bottom:-10px;border-left:4px solid transparent;font-size: 17px;color: #fff;box-sizing: border-box;webkit-transform: scale(1.000004,0.87774); -moz-transform: scale(1.000004,0.87774); transform: scale(1.000004,0.87774);} .yi-ul li.cur .yi-dl:hover{border-left: 4px solid #4a46d6;background:#646cef } .yi-ul li.cur .yi-dl dt{padding-top: 15px;margin-bottom: 17px;padding-left: 26px} .yi-ul li.cur .yi-dl dt a{display:block;font-size: 17px;color: #fff;} .yi-ul li.cur .yi-dl dt a:hover{color: #f3600f;} .yi-ul li.cur .yi-dl dd{display:block;font-size: 13px;padding-left: 26px; padding-right:10px;overflow:hidden;text-overflow:ellipsis } /* 新闻动态 */ .news{height:780px;} .news h2{height:40px;line-height:40px;margin-bottom:109px;padding-top:80px;font-size: 40px;font-weight: normal;text-align: center;color: #333} .news dl{float:left;width: 590px;height:160px;margin-bottom:30px;padding: 19px;border:1px solid transparent;cursor:default;box-sizing: border-box;-o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .news dl:hover{border: 1px solid #7796fe;-webkit-box-shadow:0px 10px 10px rgba(38, 26, 132, .1), -3px 0px 10px rgba(38, 26, 132, .1), 3px 0px 10px rgba(38, 26, 132, .1); -moz-box-shadow:0px 10px 10px rgba(38, 26, 132, .1), -3px 0px 10px rgba(38, 26, 132, .1), 3px 0px 10px rgba(38, 26, 132, .1); box-shadow:0px 10px 10px rgba(38, 26, 132, .1), -3px 0px 10px rgba(38, 26, 132, .1), 3px 0px 10px rgba(38, 26, 132, .1)} .news dl:hover dt{opacity: 0.9;filter: Alpha(opacity=90)} .news dl dt{float:left;width: 120px;height: 120px;padding-top: 16px;box-sizing: border-box} .news dl dt span{display: block;width:120px;margin-top:11px;font-size:30px;text-align:center;color: #fff;white-space: nowrap;overflow: hidden} .news dl dd{padding-left: 140px} .news dl dd a{display:inline-block;width:410px;margin-top:11px;margin-bottom:13px;font-size: 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #333} .news dl dd a:hover{color: #eb5831} .news dl dd p{width:410px;height:77px;line-height:24px;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} .new-lump-one{background-position: -180px 0} .new-lump-two{background-position: -180px -120px} .new-lump-three{background-position: -180px -240px} .new-lump-four{background-position: -180px -360px} .news.play h2{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;} .news.play dl{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .news.play dl:nth-of-type(1){ -webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;} .news.play dl:nth-of-type(2){ -webkit-animation-name: bounceInRight;animation-name: bounceInRight;} .news.play dl:nth-of-type(3){ -webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;} .news.play dl:nth-of-type(4){ -webkit-animation-name: bounceInRight;animation-name: bounceInRight;} /* 好评 */ .praise{height: 920px} .praise-bg{position:absolute;left:0;top:0;width:1920px;height:920px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/praise.png") -340px -920px no-repeat;opacity: 0;filter:Alpha(opacity=0);transition: all 1200ms;transition-delay:500ms;-webkit-transition: all 1200ms;-webkit-transition-delay: 500ms;-moz-transition: all 1200ms;-moz-transition-delay: 500ms;-o-transition: all 1200ms;-o-transition-delay: 500ms;} .praise-bg.play{background: url("/wwwzhongxi-educom/Resource/Template/5/images/praise.png") -340px bottom no-repeat;opacity: 1; filter: alpha(opacity=100);} .praise-h2{position:absolute;right:0;top:108px;height:44px;font-size:40px;color: #5877f0;opacity: 0;filter:Alpha(opacity=0);} .praise-h2.play{opacity: 1; filter: alpha(opacity=100);top: 180px;transition: all 1200ms;-webkit-transition: all 1200ms;-moz-transition: all 1200ms;-o-transition: all 1200ms;} .praise-copy{position: absolute;left: 352px;top: 370px;width: 495px;height: 700px;overflow: hidden;opacity: 0;filter:Alpha(opacity=0);} .praise-copy.play{opacity: 1; filter: alpha(opacity=100);left: 685px;transition: all 1200ms;transition-delay: 1400ms;-webkit-transition: all 1200ms;-webkit-transition-delay: 1400ms;-moz-transition: all 1200ms;-moz-transition-delay: 1400ms;-o-transition: all 1200ms;-o-transition-delay: 1400ms;} .copy-list{position:absolute;left:0;top:0;width: 99999px} .copy-list li{float: left;width: 495px;} .copy-list li.cur{display: block} .copy-list li span{display:inline-block;width:495px;line-height:40px;font-size: 22px;color: #444} .copy-list li p{margin-top:18px;text-align:right;font-size:20px;color: #555} .btn-list{float: right;margin-top: 368px;margin-right: 40px} .btn-list li{position:relative;width: 16px;height: 16px;float:left;margin: 0 4px;cursor: pointer} .btn-list i{position:absolute;left:5px;top:5px;display: inline-block;width: 6px;height: 6px;border-radius:50%;background: #000;cursor: pointer} .btn-list li.cur i{left:0;top:0;width: 16px;height: 16px;border: 2px solid #ff9a50;background:#fff;box-sizing: border-box} /* 为什么选择国泰安 */ .why{background: #f3f6fd} .why h2{height:36px;margin-bottom:159px;padding-top:83px;font-size:36px;text-align:center;font-weight:normal;color: #333} .why ul{margin-left:-20px;} .why ul li{position: relative;float: left;width: 280px;height: 420px;margin-left:20px;border:1px solid #e6e6e6;box-sizing: border-box;cursor: pointer; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .why ul li:hover{border: 1px solid #7796fe;-webkit-box-shadow:0 10px 10px rgba(38, 26, 132, .1), -3px 0px 10px rgba(38, 26, 132, .1), 3px 0px 10px rgba(38, 26, 132, .1); -moz-box-shadow:0px 10px 10px rgba(38, 26, 132, .1), -3px 0px 10px rgba(38, 26, 132, .1), 3px 0px 10px rgba(38, 26, 132, .1); box-shadow:0px 10px 10px rgba(38, 26, 132, .1), -3px 0px 10px rgba(38, 26, 132, .1), 3px 0px 10px rgba(38, 26, 132, .1)} .why ul li:hover span{opacity: 0.9;filter: Alpha(opacity=90)} .why ul li span{position: absolute;left:-1px;top:-1px;width: 280px;height: 280px;} .why-div{padding-top: 306px} .why-div p{width:100%;margin-bottom:10px;font-size:18px;text-align:center;color: #333} .why-lump-one{background-position:-300px 0} .why-lump-two{background-position:-300px -280px} .why-lump-three{background-position:-300px -560px} .why-lump-four{background-position: -20px -560px} .why.play h2{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;} .why.play ul li{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .why.play ul li:nth-of-type(1){ -webkit-animation-name: zoomInDown;animation-name: zoomInDown;} .why.play ul li:nth-of-type(2){ -webkit-animation-name: zoomInUp;animation-name: zoomInUp;} .why.play ul li:nth-of-type(3){ -webkit-animation-name: zoomInUp;animation-name: zoomInUp;} .why.play ul li:nth-of-type(4){ -webkit-animation-name: zoomInDown;animation-name: zoomInDown;} /* 他们都选择国泰安 */ .choice{background: url("/wwwzhongxi-educom/Resource/Template/5/images/choice.jpg") center no-repeat} .choice h2{padding-top:39px;text-align:center;font-size:36px;color: #fff;font-weight: normal;opacity: 0;filter: Alpha(opacity=0);transition: all 1200ms;-webkit-transition: all 1200ms;-moz-transition: all 1200ms;-o-transition: all 1200ms;} .choice-txt{position: absolute;top:215px;left:20px;color: #fff;opacity: 0;filter: Alpha(opacity=0);} .choice.play h2{padding-top: 79px;opacity: 1;filter: Alpha(opacity=100);} .choice.play .choice-txt{opacity: 1;filter: Alpha(opacity=100);left:20px;transition: all 1200ms;transition-delay: 500ms;-webkit-transition: all 1200ms;-webkit-transition-delay: 500ms;-moz-transition: all 1200ms;-moz-transition-delay: 500ms;-o-transition: all 1200ms;-o-transition-delay: 500ms;} .choice-txt h3{margin-bottom:22px;font-size: 50px;font-weight: normal} .choice-txt p{margin-bottom:54px;font-size: 20px} .choice-ico{position: relative;height: 920px;} .choice-ico a{position: absolute;display: inline-block;transition: all 1200ms;-webkit-transition: all 1200ms;-moz-transition: all 1200ms;-o-transition: all 1200ms;} .choice-ico .c-ico01{width:153px;height:50px;left:798px;top:335px ;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c01.png") no-repeat} .choice-ico .c-ico02{width:209px;height:87px;left:798px;top:335px ;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c02.png") no-repeat} .choice-ico .c-ico03{width:240px;height:99px;right:382px;top:335px ;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c03.png") no-repeat} .choice-ico .c-ico04{width:250px;height:100px;left:798px;top:335px ;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c04.png") no-repeat} .choice-ico .c-ico05{width:234px;height:90px;left:798px;bottom:505px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c05.png") no-repeat} .choice-ico .c-ico06{width:176px;height:72px;right:382px;bottom:505px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c06.png") no-repeat} .choice-ico .c-ico07{width:225px;height:69px;right:382px;bottom:505px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c07.png") no-repeat} .choice-ico .c-ico08{width:189px;height:75px;right:382px;bottom:505px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c08.png") no-repeat} .choice-ico .c-ico09{width:211px;height:70px;left:798px;bottom:505px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c09.png") no-repeat} .choice-ico .c-ico10{width:276px;height:58px;right:382px;bottom:505px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/c10.png") no-repeat} .choice.play .c-ico01{left:448px ;top:269px ;} .choice.play .c-ico02{left:624px ;top:196px ;} .choice.play .c-ico03{right:17px ;top:180px ;} .choice.play .c-ico04{left:505px ;top:326px ;} .choice.play .c-ico05{left:766px ;bottom:556px ;} .choice.play .c-ico06{right: 0;bottom:520px ;} .choice.play .c-ico07{right:164px ;bottom:429px ;} .choice.play .c-ico08{right:-62px ;bottom: 419px;} .choice.play .c-ico09{left:907px ;bottom:309px ;} .choice.play .c-ico10{right: 310px;bottom:347px ;} /* 核心优势 */ .strengths{background: url("/wwwzhongxi-educom/Resource/Template/5/images/strengths.jpg") center no-repeat} .strengths-h2{position:absolute;left:50%;margin-left:-72px;text-align:center;top:41px;height:40px;font-size:36px;font-weight:normal;color: #fff;opacity: 0;filter:Alpha(opacity=0);} .strengths-h2.play{opacity: 1; filter: alpha(opacity=100);top: 81px;transition: all 1200ms;-webkit-transition: all 1200ms;-moz-transition: all 1200ms;-o-transition: all 1200ms;} .strengths-l{position:absolute;left:-295px;top:0;float:left;width:590px;height:520px;margin-top: 220px;padding: 20px 0;opacity: 0;filter:Alpha(opacity=0);background: #fff} .strengths-l.play{opacity: 1; filter: alpha(opacity=100);left:0;transition: all 1200ms;transition-delay: 500ms;-webkit-transition: all 1200ms;-webkit-transition-delay: 500ms;-moz-transition: all 1200ms;-moz-transition-delay: 500ms;-o-transition: all 1200ms;-o-transition-delay: 500ms;} .strengths-l li{float:left;width: 590px;height:130px;border-left:5px solid transparent;padding-left: 35px;box-sizing: border-box;cursor:pointer} .strengths-l li.cur{border-left:5px solid #eb8500;background: #ffaa3c} .strengths-l li h2{position:relative;margin-top:25px;margin-bottom:11px;padding-left:36px;color: #333;font-size: 22px;font-weight: normal} .strengths-l li.cur h2{color: #fffefe} .strengths-l li h2 b{position: absolute;left: 0;top: 0;display: inline-block;width: 20px;height: 20px;background-position: -60px -360px} .strengths-l li.cur h2 b{background-position: -90px -360px} .strengths-l li p{width:500px;height:52px;line-height: 26px;color: #666;font-size: 16px;overflow: hidden} .strengths-l li.cur p{color: #fff;} .strengths-r{float: right;margin-top: 220px;} .strengths-r{position:absolute;top:0;right:-295px;width:590px;height:560px;margin-top: 220px;opacity: 0;filter:Alpha(opacity=0);background: url("/wwwzhongxi-educom/Resource/Template/5/images/strengths-bg.png") no-repeat} .strengths-r.play{opacity: 1; filter: alpha(opacity=100);right:0;transition: all 1200ms;transition-delay: 500ms;-webkit-transition: all 1200ms;-webkit-transition-delay: 500ms;-moz-transition: all 1200ms;-moz-transition-delay: 500ms;-o-transition: all 1200ms;-o-transition-delay: 500ms;} .strengths-r li{position:absolute;bottom:11px;width: 108px;height: 108px;transition: all 1200ms;-webkit-transition: all 1200ms;-moz-transition: all 1200ms;-o-transition: all 1200ms;} .strengths-r li.cur{width: 254px;height: 254px;transition: all 1200ms;-webkit-transition: all 1200ms;-moz-transition: all 1200ms;-o-transition: all 1200ms;} .strengths-r ul{position: relative;width: 590px;height: 560px} .strengths-ico01{background:url("/wwwzhongxi-educom/Resource/Template/5/images/s-ico01.png") no-repeat;left: 11px;} .strengths-ico02{background:url("/wwwzhongxi-educom/Resource/Template/5/images/s-ico02.png") no-repeat;left: 121px} .strengths-ico03{background:url("/wwwzhongxi-educom/Resource/Template/5/images/s-ico03.png") no-repeat;right: 121px} .strengths-ico04{background:url("/wwwzhongxi-educom/Resource/Template/5/images/s-ico04.png") no-repeat;right: 11px} .strengths-ico01.cur{background:url("/wwwzhongxi-educom/Resource/Template/5/images/ico01.png") no-repeat;left: 168px;bottom: 148px;} .strengths-ico02.cur{background:url("/wwwzhongxi-educom/Resource/Template/5/images/ico02.png") no-repeat;left: 168px;bottom: 148px;} .strengths-ico03.cur{background:url("/wwwzhongxi-educom/Resource/Template/5/images/ico03.png") no-repeat;right: 168px;bottom: 148px;} .strengths-ico04.cur{background:url("/wwwzhongxi-educom/Resource/Template/5/images/ico04.png") no-repeat;right:168px;bottom: 148px;} /* 成功页面 */ .success{background: url("/wwwzhongxi-educom/Resource/Template/5/images/success.jpg") no-repeat} .s-h2{padding-top:139px;font-size:40px;font-weight:normal;color: #fff;text-align: center} .s-h3{padding-top:71px;font-size:20px;font-weight:normal;color: #fff;text-align: center} .s-code{position:relative;width: 120px;height: 120px;margin-left:409px;margin-top:100px;margin-right:40px;padding:10px;background: #fff;box-sizing: border-box} .s-code img{width: 100px;height: 100px;} .s-code span{position:absolute;left:160px;top:51px;display:inline-block;width:368px;font-size: 24px;color: #fff} .s-code s{text-decoration: none;margin-left: 27px;} .s-return{width: 180px;height: 50px;line-height:50px;line-height:48px\0;margin-left:500px;margin-top:119px;font-size: 20px;color: #fff;background: #ffaa3c;} /* 免费试用 */ .apply{background: url("/wwwzhongxi-educom/Resource/Template/5/images/success.jpg") no-repeat} .p-left{position: absolute;left: -30px;top: 120px;width: 560px;height: 680px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/apply.png") no-repeat} .p-right{position: absolute;left: 590px;top:126px;height: 920px;} .p-head01{width: 590px;height: 16px;margin-bottom:28px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/p-head01.png") no-repeat} .p-head02{width: 590px;height: 16px;margin-bottom:28px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/p-head02.png") no-repeat} .p-right dl{margin-bottom: 20px} .p-right dl:after{content:"\200B";display:block;height:0;clear:both;visibility:hidden} .p-right dt{float:left;width:89px;height:40px;line-height:40px;text-align: right;font-size:16px;color: #fff} .p-right dd{display: inline-block;float: left} .p-right dd div{float: left;margin-left: 11px;width: 490px} .p-btn{height: 40px;line-height:40px;line-height:38px\0;margin-left:11px;border: 1px solid #88aefc;font-size:14px;text-indent:10px;color:#fff;box-sizing: border-box} .p-btn.focus{background: #637fe6;border-color: #ee2d71} .p-prompt-span{position: absolute;left: 11px;top: -51px;display:inline-block;padding:0 20px;line-height:38px;background: #fd79a9;border: 1px solid #ee2d71;box-sizing: border-box;font-size: 16px;color: #fefefe} .p-prompt-b{position: absolute;bottom:-21px;left: 50%;margin-left: -12px;display: inline-block;width: 24px;height: 21px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/prompt.png") no-repeat;z-index: 3} .p-school{width:487px} .p-call{width: 161px} .p-phone{width: 221px} .p-submit{width:190px;height:50px;margin-left:200px;margin-top:29px;font-size:20px;color: #405ed4;background: #fff} .ckbox,.ckbox2{position:absolute;left:0;top:0;display:inline-block;width: 26px;height: 26px;line-height: 26px;outline:0;background:url("/wwwzhongxi-educom/Resource/Template/5/images/sprite.png") 0px -360px no-repeat;font-weight:400;cursor:pointer} .ckbox input,.radio input,.radio-ed input,.ckbox2 input{position:absolute;left:0;top:0;width:26px;height:26px;margin-right:3px;opacity:0;cursor:pointer;filter:alpha(opacity=0)} .ckbox-ed {background-position: -30px -360px;} .p-product ul{padding-top: 7px} .p-product li{position:relative;float:left;width: 240px;height:26px;line-height:26px;margin-bottom: 14px;padding-left:41px;font-size: 14px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box} /* 底部样式 */ .footer-fixer{position:relative;height:120px;} .footer{position:absolute;left:0;width:100%;min-width:1280px;height:141px;margin-top:-141px;padding-top:32px;color: #b0b0b0;background: url("/wwwzhongxi-educom/Resource/Template/5/images/foot-bg.png") no-repeat center center;box-sizing:border-box;z-index: 3} .foot-logo{float:left;margin-top:20px} .footer .address{float:left;padding-left:112px} .footer .address p{line-height:180%;color:#333;font-size:12px} .footer .address .copyright{color:#666;font-size:12px;padding-top:12px} .footer .address .copyright .cr{margin-right:10px;color:#333} .footer .foot-link .supervise{position: absolute;top: 42px;left: 88px} .footer .foot-link .supervise a{display: inline-block;line-height:21px;color:#333;margin:11px 0 0 30px} .footer .foot-link .supervise-ico{float:left;width:20px;height:20px;margin:.3px 7px 0 0;background:url("/wwwzhongxi-educom/Resource/Template/5/images/supervise-ico.png") no-repeat} .foot-link{position:relative;float:left;padding-left:105px} .foot-link li{float:left;margin:0 13px} .foot-link li a{position:relative} .foot-link li a i.ico{display:inline-block;width:27px;height:21px;background:url("/wwwzhongxi-educom/Resource/Template/5/images/sprite.png") no-repeat} .foot-link li a i.ico1{height:23px;background-position:0 -30px} .foot-link li a i.ico2{background-position:0 -60px} .foot-link li a i.ico3{background-position:0 -90px} .foot-link li a i.ico4{background-position:0 -120px} .foot-link li a:hover i.ico1{background-position:-30px -30px} .foot-link li a:hover i.ico2{background-position:-30px -60px} .foot-link li a:hover i.ico3{background-position:-30px -90px} .foot-link li a:hover i.ico4{background-position:-30px -120px} .foot-link .code-box{position:absolute;display:none;width:112px;height:130px;left:-55px;bottom:20px;z-index:2;padding:10px 10px 0 10px;background:url("/wwwzhongxi-educom/Resource/Template/5/images/code-box.png") no-repeat} .foot-link .code-box img{width:110px;height:110px} /* 咨询定位 */ .link-fixer{position: fixed;right:0;bottom: 140px} .link-fixer li{position: relative;width: 50px;height: 50px;margin-bottom: 5px} .link-fixer a{display: block;width: 42px;height: 42px;line-height:16px;padding: 4px;font-size:0;text-align:center;color: #fefefe;background-color: #b9c2da;} .link-fixer a:hover{background-color: #fa9f2a;} .link01{background: url("/wwwzhongxi-educom/Resource/Template/5/images/link-refe.png") 7px 11px no-repeat;} .link01:hover{background: #fa9f2a;font-size: 14px;width:30px;height:37px;padding: 9px 10px 4px; } .link02{background: url("/wwwzhongxi-educom/Resource/Template/5/images/link-gift.png") 10px 10px no-repeat} .link02:hover{background: #fa9f2a;font-size: 14px;width:30px;height:37px;padding: 9px 10px 4px } .link03 img{width: 32px;height: 32px;position: relative;top: 5px;} a.link04{height:27px;background: #b9c2da url("/wwwzhongxi-educom/Resource/Template/5/images/link-arrow.png") 14px 11px no-repeat} a.link04:hover{background: #fa9f2a url("/wwwzhongxi-educom/Resource/Template/5/images/link-arrow.png") 14px 11px no-repeat} .pig-cod-bg{display: none;position: absolute;top: -56px;left: -180px;width: 168px;height: 160px;background: url("/wwwzhongxi-educom/Resource/Template/5/images/wx-pig.png") no-repeat;} .pig-cod-bg img{margin-top: 6px;margin-left: -8px;width: 130px;height: 130px;} .pig-li:hover .pig-cod-bg{display: block;} .link01,.link02{-webkit-transition: transform .2s ease-in; -moz-transition: transform .2s ease-in; -o-transition: transform .2s ease-in; transition: transform .2s ease-in; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);} .link01:hover,.link02:hover{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg); -ms-transform: rotateY(0deg);transform: rotateY(0deg);}