/*主导航*/ #nav #main_nav, #big_submenu{position:fixed;} #nav #mainnav2 {background: rgba(17,17,17,.7)!important;background:transparent \9!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000)!important; zoom:1!important; } #nav #mainnav2 .nav_activeline {background-color:#6589dd!important;} #nav #mainnav2 #nav2 {display: block!important;} /*按钮*/ .serverBtns {display:inline-block;height:40px;line-height:40px;padding:0 20px;border:2px solid #666666;color:#333;font-size: 18px;transition:all 0.5s;} .serverTel {margin-left: 61px;} .serverModules .serverBtnBox {width:350px;} .serverModules .serverBtns {color:#fff;border-color: #fff;} .serverModules .serverBtns:hover {background-color: #fff;color:#666666;} .serverDocument .serverBtnBox {margin-bottom:38px;width: 150px;position: absolute;left: 50%;bottom: 91px;margin-left: -75px;} .serverDocument a:hover {background-color:#6589dd;color:#fff;border-color: #fff;} .serverTest .serverBtnBox {position:absolute;left:351px;bottom:-219px;width:380px;color:#666666;border-color: #666666;text-align: center;} .serverTest .serverBtns {background: none;cursor: pointer;} .serverTest .serverBtns:hover {background-color:#666666;color:#fff;} .aboutH3 {font-size: 25px;padding:80px 0 10px;color:#333;} .aboutLine {width: 400px;height: 1px;background-color: #7d7d7d;margin-bottom: 15px;} /*头部底图*/ .headBn {background:#678add url(../img/servermasterbn.jpg) no-repeat center top;background-size:cover;} .bookBn {background:#678add url(../img/bookheadbn.jpg) no-repeat center top;background-size:cover;} .about_head_h3 {margin-left: -5px;} .width1031 {width:1170px;margin:0 auto;} /*第一部分*/ #serverTipsWrap {width:100%;background:#678add url(../img/newserverTipbn.jpg) no-repeat center top;background-size:cover;} .serverTip {padding:75px 0 75px;} .serverTipLeft {color:#B5B5B5;width:592px;margin-left: -5px;} .serverTipLeft .serverTipImg {float:left;display: inline-block;width:50px;height:50px;margin-right: 20px;/*border:1px solid #D3D3D3;*/} .serverTipLeft .serverTipImg1 {background:transparent url(../other/newserverTip1.svg) no-repeat center;} .serverTipLeft .serverTipImg2 {background:transparent url(../other/newserverTip2.svg) no-repeat center;} .serverTipLeft .serverTipImg3 {background:transparent url(../other/newserverTip3.svg) no-repeat center;} .serverTipLeft .serverTipImg4 {background:transparent url(../other/newserverTip4.svg) no-repeat center;} .serverTipLeft .serverTipImg5 {background:transparent url(../other/newserverTip5.svg) no-repeat center;} .serverTipLeft .serverTipImg6 {background:transparent url(../other/newserverTip6.svg) no-repeat center;} .serverTipLeft .serverTipImg_1 {background:transparent url(../other/newserverTip_1.svg) no-repeat center;} .serverTipLeft .serverTipImg_2 {background:transparent url(../other/newserverTip_2.svg) no-repeat center;} .serverTipLeft .serverTipImg_3 {background:transparent url(../other/newserverTip_3.svg) no-repeat center;} .serverTipLeft .serverTipImg_4 {background:transparent url(../other/newserverTip_4.svg) no-repeat center;} .serverTipLeft .serverTipImg_5 {background:transparent url(../other/newserverTip_5.svg) no-repeat center;} .serverTipLeft .serverTipImg_6 {background:transparent url(../other/newserverTip_6.svg) no-repeat center;} .serverTipLeft h3 {font-size: 19px;margin-top: 1px;font-weight: 600;color:#353535;} .serverTipLeft h4 {font-size: 16px;font-weight: 600;color:#353535;} .serverTipLeft li {margin-bottom: 10px;cursor: pointer;} .serverTipClick h4 {color:#353535;transition: all 0.5s;} .serverTipClick h3 {color:#353535;transition: all 0.5s;font-weight: 600;} /*.serverTipClick .serverTipImg {background-color:#6589dd;border-color:#6589dd;transition: all 0.5s;}*/ .serverTipRight {text-align: right;font-size: 16px;color:#353535;line-height: 28px;padding-top: 22px;width: 45%; height:458px;overflow:hidden;margin-right: -15px;} .serverTipRight .tipMainBottom {font-weight: bold;margin-top: 335px;line-height: 38px;} .serverTipRight .logBox {color:#cdcdcd;display:block;width: 500px;height:87px;background:url(../img/serverLogBox.jpg) no-repeat;background-size: 100% 100%;margin-top:-240px;margin-left: 26px;} .serverTipRight .logBox i {right:0;top:-7px;font-weight: bold;} .serverTipRight .serverTipMain {display: none;height:480px;font-weight: bold;font-size: 19px;} .serTipsbox {display: block;} /*.serTipsbox .serTips1 {opacity:0;left:623px;top:108px;width:112px;height:14px;background:url(../img/hitSertip1.png) no-repeat center;}*/ /*.serTipsbox .serTips2 {opacity:0;right:-29px;top:186px;width:90px;height:120px;background:url(../img/hitSertip2.png) no-repeat center;}*/ .serTipsbox .hitTips1 {animation:caseAopacity1 1.8s linear 3;} .serTipsbox .hitTips2 {animation:caseAopacity1 1.8s linear 3 0.3s;} /*定制属于自己的留学申请计划*/ .serverCustomWrap {width:100%;background: rgba(22,22,22,.82);color:#fff;} .serverCustom {padding:25px 0;} .serverCustom p {height:42px;line-height: 42px;font-size: 37px;text-align: center;width: 90%;font-family: 'HYk1gj';} .serverCustom .serverBtns {border-color:#fff;color:#fff;} .serverCustom a:hover {background-color: #fff;color:#6589dd;} /*投资「再来人」你可以获得什么*/ #newServerGet .aboutH3 {text-align: center;font-weight: 600;} #newServerGet .aboutLine {margin-left:auto;margin-right:auto;} #newServerGet .serverH4 {text-align: center;padding-bottom:15px;font-size:16px;width: 700px;margin: 0 auto;} .serverEarthBox {width:320px;height:230px;margin-left:40px;margin-top:55px;background:#ffffff url(../img/serverEarthMap1.png) no-repeat center;} .serverGetBox {font-size:16px;line-height: 24px;color:#4D4D4D;background: #ffffff url(../img/serverEarthMap1.png) no-repeat center;} .serverGetLeft,.serverGetRight {width:320px;} .serverGetLeft li,.serverGetRight li {position:relative;} .serverGetBox .getTitle {font-size:25px;font-weight: bold;color:#333333;margin-bottom: 10px;} .serverGetBox li {margin-bottom: 40px;} .serverGetBox .GetBoxli1{top: 66px;} .serverGetBox .GetBoxli2{top: 57px;} .serverGetRight{text-align: right;} .serverGetNum {width:800px;margin:5px auto 80px;text-align: center;} .serverGetNum dt {font-size:40px;color:#333333;margin-bottom: 12px;} .serverGetNum dd {font-size:16px;line-height: 24px;} .serverEarth {width:180px;height:180px;left:50%;top:50%;margin-left:-90px;margin-top: -90px;z-index: 3;background-color:#35495f; } .serverEarthSpin {position:absolute;left:50%;top:50%;margin-left:-91px;margin-top:-91px;width:182px;height:182px;background: url(../img/serverEarth.png) no-repeat left top;background-size:353px;overflow: hidden;} .serverEarthAaim {animation: earthAnimate 1s 1 linear both;-webkit-animation: earthAnimate 1s 1 linear both;-moz-animation: earthAnimate 1s 1 linear both;-o-animation: earthAnimate 1s 1 linear both;-ms-animation: earthAnimate 1s 1 linear both;visibility: visible;} @keyframes earthAnimate { 0% {background-position-x: -320px; opacity: 0;} 100% {background-position-x: -4px;opacity: 1;} } @-webkit-keyframes earthAnimate { 0% {background-position-x: -320px; opacity: 0;} 100% {background-position-x: -4px;opacity: 1;} } @-moz-keyframes earthAnimate { 0% {background-position-x: -320px; opacity: 0;} 100% {background-position-x: -4px;opacity: 1;} } @-o-keyframes earthAnimate { 0% {background-position-x: -320px; opacity: 0;} 100% {background-position-x: -4px;opacity: 1;} } /*留学行业超一流水准*/ .have {background: url(../img/have_b.jpg) no-repeat;padding-bottom: 90px;background-size: 100%;} .have h2 {font-size: 32px;color: #fc9246;text-align: center;padding-top: 55px;} .have .have_right {padding-top: 85px; margin: 0 auto;text-align: center;width: 1150px;} .have ul {} .have ul li {background: url(../img/have_li.png); float: left;width: 345px;margin-left: 20px;} .have ul li p {font-size: 26px;color: #fff;font-weight: 600;padding: 23px 0;border-bottom: 1px solid;} .have ul li div {color: #fff;padding: 25px 19px 0px 20px;font-size: 17px;height: 207px;line-height: 25px;} /*STEP服务体系*/ #serverSystem {padding-bottom: 55px;} #serverSystem .aboutLine {margin-bottom: 55px;} #serverSystem .aboutH3 {padding-bottom: 36px;} #serverSystem .smallTitle {font-size: 16px;line-height: 28px;color:#a8a8a8} .serverSystemMain {margin-top: 42px;height:663px;} .serverSystemHD {width:432px;height:663px;} .serverSystemBD {width:521px;height:663px;} .systemHD li {width:214px;height:68px;padding-left:27px;background:rgba(245,245,245);border-radius: 5px;line-height: 69px;color:#333333;font-size: 18px;margin-bottom: 24px;cursor: pointer;position:relative;left:-200px;top:0;opacity:0;transition:left 0.5s linear,opacity 0.5s linear;} .systemHD .systemAName1 {transition-delay:0s;} .systemHD .systemAName2 {transition-delay:0.3s;} .systemHD .systemAName3 {transition-delay:0.6s;} .systemHD .systemAName4 {transition-delay:0.9s;} .systemHD .systemAName5 {transition-delay:1.2s;} .systemHD .systemAName6 {transition-delay:1.5s;} .systemHD .systemAName7 {transition-delay:1.8s;} .serverSystemHD .systemFont {width:78px;height:663px;color:#333333;font-size: 14px;} .serverSystemHD .systemFont1 {width:112px;height:663px;position: relative;right:-200px;opacity:0;transition:right .5s linear,opacity .5s linear;transition-delay:2.1s; } .serverSystemHD .leftFont,.serverSystemHD .leftLine {position:absolute;} .serverSystemHD .leftLine1 {left:66px;top:34px;width:13px;height:1px;background-color:#d0d0d0;} .serverSystemHD .leftFont1 {left:0;top:25px;} .serverSystemHD .leftLine2 {left:30px;top:127px;width:48px;height:103px;} .serverSystemHD .leftFont2 {left:0;top:164px;} .serverSystemHD .leftLine3 {left:30px;top:308px;width:49px;height:198px;} .serverSystemHD .leftFont3 {left:0;top:390px;} .serverSystemHD .leftLine4 {left:66px;bottom:73px;width:13px;height:1px;background-color:#d0d0d0;} .serverSystemHD .leftFont4 {left:0;bottom:65px;} .serverSystemHD .leftLine5 {left:0;top:31px;width:31px;height:200px;} .serverSystemHD .leftFont5 {left:8px;top:117px;} .serverSystemHD .leftLine6 {left:0;bottom:165px;width:30px;height:100px;} .serverSystemHD .leftFont6 {left:8px;bottom:205px;} .systemBDMain .systemList li{font-size: 18px;color:#333333;float:left;margin-right: 81px;border-bottom: 1px solid #dbdbdb;line-height: 32px;cursor:pointer;} .systemBDMain .systemList .noMRight {margin-right: 0;} .smallList .smallH3 {margin:62px 0 30px;font-size:18px;color:#333333;} .smallList .smallH4 {margin:87px 0 30px;font-size:18px;color:#333333;} .smallList .smallOl1 {color:#333333;line-height: 26px;} .smallList .smallOl2 {color:#333333;line-height: 26px;} .systemBDMain {width:521px;height:663px;display: none;} .systemBDMain .systemList .systemListActive {border-bottom: 8px solid #6589dd;color:#333333;font-weight: bold;} .smallList {display: none;} .systemHD .systemBigActive {background-color: #6589dd;color:#ffffff;} .systemBDMain2 .systemList li {margin-right: 40px;} .systemBDMain3 .systemList li {margin-right: 92px;} .systemBDMain4 .systemList li {margin-right: 106px;} .systemBDMain5 .systemList li {margin-right: 65px;} .systemBDMain6 .systemList li {margin-right: 92px;} .systemBDMain7 .systemList li {margin-right: 98px;} .leftLine2 .emtop {width:48px;height:31px;border-left:1px solid #DBDBDB;border-top:1px solid #DBDBDB;} .leftLine2 .embottom {width:48px;height:36px;border-left:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;margin-top:28px;} .leftLine3 .emtop {width:48px;height:77px;border-left:1px solid #DBDBDB;border-top:1px solid #DBDBDB;} .leftLine3 .embottom {width:48px;height:77px;border-left:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;margin-top:30px;} .leftLine5 .emtop {width:31px;height:70px;border-right:1px solid #DBDBDB;border-top:1px solid #DBDBDB;} .leftLine5 .embottom {width:31px;height:70px;border-right:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;margin-top:46px;} .leftLine6 .emtop {width:30px;height:25px;border-right:1px solid #DBDBDB;border-top:1px solid #DBDBDB;} .leftLine6 .embottom {width:30px;height:25px;border-right:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;margin-top:50px;} /*服务体系动画*/ .addBtn a:hover {background-color:#6589dd;color:#ffffff;border-color:#6589dd;transition:background-color .3s;} /*一站式服务流程*/ .serverDocument .aboutH3{text-align: center;padding-top: 45px;font-size: 35px;padding-bottom: 27px;font-weight: 600;} .serverDocument .aboutLine {margin-left: auto;margin-right: auto;height: 9px;background: #313131;border-radius: 10px;width: 120px;} .serverDocument .documentTitle {display: block;width:184px;height:184px;border:1px solid #dedede;font-size: 22px;color:#333333;text-align: center;line-height: 180px;} .process {height: 320px;padding-top: 50px;text-align: center;} .process .process_til span{font-size: 27px;padding: 0 120px;} .process .process_con {background: url(../img/process_b.jpg) no-repeat center;height: 20px;margin-top: 30px;} .process .process_con .wit {width: 33.33333%;float: left;margin-left: 5px;} .process .process_con .front div{font-size: 18px;line-height: 21px;} .process .process_con .in div{font-size: 18px;line-height: 21px;} .process .process_con .after div{font-size: 18px;line-height: 21px;} /*.process .process_con .front .front1 div{float: left;} .process .process_con .front .front2 div{float: left;} .process .process_con .front .front3 div{float: left;} .process .process_con .front .in1 div{float: left;} .process .process_con .front .in2 div{float: left;} .process .process_con .front .in3 div{float: left;}*/ .process .process_con .front .front1:hover div{color: #fc9246;} .process .process_con .front .front1:hover span{background: #fc9246;} .process .process_con .front .front1 div{width: 20px;position: absolute;left: 15%;margin-top: 29px;} .process .process_con .front .front2:hover div{color: #fc9246;} .process .process_con .front .front2:hover span{background: #fc9246;} .process .process_con .front .front2 div{width: 20px;position: absolute;left: 21%;margin-top: 29px;} .process .process_con .front .front3:hover div{color: #fc9246;} .process .process_con .front .front3:hover span{background: #fc9246;} .process .process_con .front .front3 div{width: 20px;position: absolute;left: 27%;margin-top: 29px;} .process .process_con .in .in1:hover div{color: #fc9246;} .process .process_con .in .in1:hover span{background: #fc9246;} .process .process_con .in .in1 div{width: 20px;position: absolute;left: 43%;margin-top: 29px;} .process .process_con .in .in2:hover div{color: #fc9246;} .process .process_con .in .in2:hover span{background: #fc9246;} .process .process_con .in .in2 div{width: 20px;position: absolute;left: 49%;margin-top: 29px;} .process .process_con .in .in3:hover div{color: #fc9246;} .process .process_con .in .in3:hover span{background: #fc9246;} .process .process_con .in .in3 div{width: 20px;position: absolute;left: 55%;margin-top: 29px;} .process .process_con .after .after1:hover div{color: #fc9246;} .process .process_con .after .after1:hover span{background: #fc9246;} .process .process_con .after .after1 .div1{width: 20px;position: absolute;left: 68%;margin-top: 29px;} .process .process_con .after .after1 .div2{width: 20px;position: absolute;left: 72%;margin-top: 29px;} .process .process_con .after .after1 .div3{width: 20px;position: absolute;left: 76%;margin-top: 29px;} .process .process_con .after .after1 .div4{width: 20px;position: absolute;left: 80%;margin-top: 29px;} .process .process_con .after .after1 .div5{width: 20px;position: absolute;left: 84%;margin-top: 29px;} .process .process_con .after .after1 .div6{width: 20px;position: absolute;left: 87.9%;margin-top: 29px;} .process .process_con .front span{width: 20px;height: 20px;position: absolute;border-radius: 50%;opacity: 0.9;background-color: #b5b5b5;left: 15%;} .process .process_con .front .span2{margin-left: 70px;} .process .process_con .front .span3{margin-left: 140px;} .process .process_con .in span{width: 20px;height: 20px;position: absolute;left: 43%;border-radius: 50%;opacity: 0.9;background-color: #7c7c7c;} .process .process_con .in .span2{margin-left: 70px;} .process .process_con .in .span3{margin-left: 140px;} .process .process_con .after span{width: 20px;height: 20px;position: absolute;border-radius: 50%;left: 68%;opacity: 0.9;background-color: #494949;} .process .process_con .after .span2{left: 66%;margin-left: 70px;} .process .process_con .after .span3{left: 64%;margin-left: 140px;} .process .process_con .after .span4{left: 62%;margin-left: 210px;} .process .process_con .after .span5{left: 60%;margin-left: 280px;} .process .process_con .after .span6{left: 58%;margin-left: 350px;} /*.process .process_des{margin-top: 10px;} .process .process_des .front span{position: absolute;width: 20px;font-size: 18px;font-weight: 600;} .process .process_des .front .span1{left: 176px;} .process .process_des .front .span2{left: 245px;} .process .process_des .front .span3{left: 315px;} .process .process_des .in span{position: absolute;width: 20px;font-size: 18px;font-weight: 600;} .process .process_des .in .span1{left: 43%;} .process .process_des .in .span2{left: 49%;} .process .process_des .in .span3{left: 55%;} .process .process_des .after span{position: absolute;width: 20px;font-size: 18px;font-weight: 600;} .process .process_des .after .span1{left: 69%;} .process .process_des .after .span2{left: 73%;} .process .process_des .after .span3{left: 77%;} .process .process_des .after .span4{left: 81%;} .process .process_des .after .span5{left: 85%;} .process .process_des .after .span6{left: 88.9%;} */ /*本科申请一站式服务流程*/ .process_book {height: 372px;padding-top: 50px;text-align: center;} .process_book .process_til span{font-size: 35px;padding: 0 120px;font-weight: 600;} .process_book .process_bookcon {background: url(../img/process_b.jpg) no-repeat center;height: 20px;margin-top: 30px;} .process_book .process_bookcon .wit {width: 33.33333%;float: left;margin-left: 5px;} .process_book .process_bookcon .front div{font-size: 18px;line-height: 21px;} .process_book .process_bookcon .in div{font-size: 18px;line-height: 21px;} .process_book .process_bookcon .after div{font-size: 18px;line-height: 21px;} /*.process .process_bookcon .front .front1 div{float: left;} .process .process_bookcon .front .front2 div{float: left;} .process .process_bookcon .front .front3 div{float: left;} .process .process_bookcon .front .in1 div{float: left;} .process .process_bookcon .front .in2 div{float: left;} .process .process_bookcon .front .in3 div{float: left;}*/ .process_book .process_bookcon .front .front1:hover div{color: #fc9246;} .process_book .process_bookcon .front .front1:hover span{background: #fc9246;} .process_book .process_bookcon .front .front1 div{width: 20px;position: absolute;left: 11%;margin-top: 29px;} .process_book .process_bookcon .front .front2:hover div{color: #fc9246;} .process_book .process_bookcon .front .front2:hover span{background: #fc9246;} .process_book .process_bookcon .front .front2 div{width: 20px;position: absolute;left: 14%;margin-top: 29px;} .process_book .process_bookcon .front .front3:hover div{color: #fc9246;} .process_book .process_bookcon .front .front3:hover span{background: #fc9246;} .process_book .process_bookcon .front .front3 div{width: 20px;position: absolute;left: 17%;margin-top: 29px;} .process_book .process_bookcon .front .front4:hover div{color: #fc9246;} .process_book .process_bookcon .front .front4:hover span{background: #fc9246;} .process_book .process_bookcon .front .front4 div{width: 20px;position: absolute;left: 20%;margin-top: 29px;} .process_book .process_bookcon .front .front5:hover div{color: #fc9246;} .process_book .process_bookcon .front .front5:hover span{background: #fc9246;} .process_book .process_bookcon .front .front5 div{width: 20px;position: absolute;left: 23%;margin-top: 29px;} .process_book .process_bookcon .front .front6:hover div{color: #fc9246;} .process_book .process_bookcon .front .front6:hover span{background: #fc9246;} .process_book .process_bookcon .front .front6 div{width: 20px;position: absolute;left: 26%;margin-top: 29px;} .process_book .process_bookcon .front .front7:hover div{color: #fc9246;} .process_book .process_bookcon .front .front7:hover span{background: #fc9246;} .process_book .process_bookcon .front .front7 div{width: 20px;position: absolute;left: 29%;margin-top: 29px;} .process_book .process_bookcon .in .in1:hover div{color: #fc9246;} .process_book .process_bookcon .in .in1:hover span{background: #fc9246;} .process_book .process_bookcon .in .in1 div{width: 20px;position: absolute;left: 37%;margin-top: 29px;} .process_book .process_bookcon .in .in2:hover div{color: #fc9246;} .process_book .process_bookcon .in .in2:hover span{background: #fc9246;} .process_book .process_bookcon .in .in2 div{width: 20px;position: absolute;left: 40%;margin-top: 29px;} .process_book .process_bookcon .in .in3:hover div{color: #fc9246;} .process_book .process_bookcon .in .in3:hover span{background: #fc9246;} .process_book .process_bookcon .in .in3 div{width: 20px;position: absolute;left: 43%;margin-top: 29px;} .process_book .process_bookcon .in .in4:hover div{color: #fc9246;} .process_book .process_bookcon .in .in4:hover span{background: #fc9246;} .process_book .process_bookcon .in .in4 div{width: 20px;position: absolute;left: 46%;margin-top: 29px;} .process_book .process_bookcon .in .in5:hover div{color: #fc9246;} .process_book .process_bookcon .in .in5:hover span{background: #fc9246;} .process_book .process_bookcon .in .in5 div{width: 20px;position: absolute;left: 49%;margin-top: 29px;} .process_book .process_bookcon .in .in6:hover div{color: #fc9246;} .process_book .process_bookcon .in .in6:hover span{background: #fc9246;} .process_book .process_bookcon .in .in6 div{width: 20px;position: absolute;left: 52%;margin-top: 29px;} .process_book .process_bookcon .in .in7:hover div{color: #fc9246;} .process_book .process_bookcon .in .in7:hover span{background: #fc9246;} .process_book .process_bookcon .in .in7 div{width: 20px;position: absolute;left: 55%;margin-top: 29px;} .process_book .process_bookcon .in .in8:hover div{color: #fc9246;} .process_book .process_bookcon .in .in8:hover span{background: #fc9246;} .process_book .process_bookcon .in .in8 div{width: 20px;position: absolute;left: 58%;margin-top: 29px;} .process_book .process_bookcon .in .in9:hover div{color: #fc9246;} .process_book .process_bookcon .in .in9:hover span{background: #fc9246;} .process_book .process_bookcon .in .in9 div{width: 20px;position: absolute;left: 61%;margin-top: 29px;word-break:break-all;line-height: 13px;} .process_book .process_bookcon .in .in9 div strong{writing-mode: vertical-rl;transform: rotate(1deg);} .process_book .process_bookcon .in .in10:hover div{color: #fc9246;} .process_book .process_bookcon .in .in10:hover span{background: #fc9246;} .process_book .process_bookcon .in .in10 div{width: 20px;position: absolute;left: 64%;margin-top: 29px;} .process_book .process_bookcon .after .after1:hover div{color: #fc9246;} .process_book .process_bookcon .after .after1:hover span{background: #fc9246;} .process_book .process_bookcon .after .after1 .div1{width: 20px;position: absolute;left: 72%;margin-top: 29px;word-break:break-all;line-height: 13px;} .process_book .process_bookcon .after .after1 .div1 strong{writing-mode: vertical-rl;transform: rotate(1deg);} .process_book .process_bookcon .after .after1 .div2{width: 20px;position: absolute;left: 75%;margin-top: 29px;} .process_book .process_bookcon .after .after1 .div3{width: 20px;position: absolute;left: 78%;margin-top: 29px;} .process_book .process_bookcon .after .after1 .div4{width: 20px;position: absolute;left: 81%;margin-top: 29px;} .process_book .process_bookcon .front span{width: 20px;height: 20px;position: absolute;border-radius: 50%;z-index: 9999;opacity: 0.9;background-color: #b5b5b5;left: 15%;} .process_book .process_bookcon .front .span1{left: 11%;} .process_book .process_bookcon .front .span2{left: 14%;} .process_book .process_bookcon .front .span3{left: 17%;} .process_book .process_bookcon .front .span4{left: 20%;} .process_book .process_bookcon .front .span5{left: 23%;} .process_book .process_bookcon .front .span6{left: 26%;} .process_book .process_bookcon .front .span7{left: 29%;} .process_book .process_bookcon .in span{width: 20px;height: 20px;position: absolute;left: 43%;border-radius: 50%;z-index: 9999;opacity: 0.9;background-color: #7c7c7c;} .process_book .process_bookcon .in .span1{left: 37%;} .process_book .process_bookcon .in .span2{left: 40%;} .process_book .process_bookcon .in .span3{left: 43%;} .process_book .process_bookcon .in .span4{left: 46%;} .process_book .process_bookcon .in .span5{left: 49%;} .process_book .process_bookcon .in .span6{left: 52%;} .process_book .process_bookcon .in .span7{left: 55%;} .process_book .process_bookcon .in .span8{left: 58%;} .process_book .process_bookcon .in .span9{left: 61%;} .process_book .process_bookcon .in .span10{left: 64%;} .process_book .process_bookcon .after span{width: 20px;height: 20px;position: absolute;border-radius: 50%;left: 72%;z-index: 9999;opacity: 0.9;background-color: #494949;} .process_book .process_bookcon .after .span2{left: 69%;margin-left: 70px;} .process_book .process_bookcon .after .span3{left: 66%;margin-left: 140px;} .process_book .process_bookcon .after .span4{left: 63%;margin-left: 210px;} /*质量监控*/ .serverControlWrap {width:100%;background:#6589dd url(../img/serverControlbn.jpg) no-repeat center top;padding-bottom: 85px;background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zailairen.com/Public/AppWeb/images/serverControlbn.jpg',sizingMethod='scale');} .serverControlWrap .controlMain {width: 46%;float: left;background: #000;opacity: 0.7;margin-left: 30px;padding-bottom: 40px;} .serverControlWrap .controlMain li {} .serverControlWrap .controlMain .controlMainList {text-align: center;color: #fff;} .serverControlWrap .controlMain li p {text-align:center;font-size: 32px;padding: 13px 0px;height: 40px;} .serverControlWrap .controlMain li span {font-size: 17px;} .serverControlWrap .aboutH3{font-size: 26px;padding: 55px 0 45px;text-align: center;color: #fff;} .serverControlWrap .aboutLine{margin-left: auto;margin-right: auto;height: 9px;background: #ffffff;border-radius: 10px;width: 100px;margin-bottom: 45px;} /*book质量监控*/ .bookControlWrap {width:100%;background:#6589dd url(../img/bookControlWrap.png) no-repeat center top;padding-bottom: 85px;background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zailairen.com/Public/AppWeb/images/serverControlbn.jpg',sizingMethod='scale');} .bookControlWrap .controlMain {width: 46%;float: left;background: #000;opacity: 0.7;margin-left: 30px;padding: 15px 0px;} .bookControlWrap .controlMain li {margin-bottom: 22px;} .bookControlWrap .controlMain .controlMainList {text-align: center;color: #fff;padding: 0 35px;line-height: 29px;} .bookControlWrap .controlMain li p {text-align:center;font-size: 32px;padding: 13px 0px;} .bookControlWrap .controlMain li span {font-size: 17px;} .bookControlWrap .aboutH3{font-size: 39px;padding: 51px 0 20px;text-align: center;color: #fff;} .bookControlWrap .aboutLine{margin-left: auto;margin-right: auto;height: 9px;background: #ffffff;border-radius: 10px;width: 120px;margin-bottom: 45px;} /*尾部默认样式*/ #foot_li2 .foot1_a {background-color: #141414!important;} /*问好弹窗*/ .tipBox {left:95px;bottom:-19px;width:497px;height:135px;display: inline-block;z-index: 5;} .tipTitle {font-size: 12px;cursor: pointer;left:3px;top:93px;z-index: 3;} .tipHide {left:9px;top:-37px;font-size: 14px;background:#666666;color:#ffffff;padding:20px 15px;padding-left:20px;line-height:22px;display:none;} .mppBox {left:38px;bottom:-13px;} .mppBox .tipHide {top:50px;text-align: center;padding:11px 15px;} .tipTitle:hover {color:#6589dd;} /*总页面*/ /*总头*/ .serverZongHead .about_head_font {width:170px;} .serverZongHead .headBn {background:url(../img/serverbn.jpg) no-repeat center;background-size: cover;} /*再来人服务项目*/ .serverZongWrapper {width:1040px;margin:0 auto 83px;font-size: 16px;line-height: 30px;color:#4d4d4d;} .serverZongWrapper .aboutH3 {text-align: center;} .serverZongWrapper .aboutLine {margin-left: auto;margin-right:auto;} .serverZongWrapper .marginLefts {margin-left:-8px;} /*列表Tab*/ #scholarList {padding-bottom: 122px;} .scholarTab {height:644px;padding-top: 45px;} .scholarTab li {overflow:hidden;width:49.5%;height:100%;float:left;font-size: 16px;color:#ffffff;} .scholarTab .scholarList1 {background:url(../img/serverzongview2.jpg) no-repeat center top;background-size:cover;margin-left: 1%;} .scholarTab .scholarList2 {background:url(../img/serverzongview1.png) no-repeat center top;background-size:cover;} .scholarTab li strong {display: block;width:100%;height:100%;background-color: rgba(0,0,0,.3);} .scholarTab em {position: relative;width: 30px;height: 15px;background:url(../other/dot2018.svg) no-repeat;margin: 9px auto 0;} .scholarTab .listTitle {text-align: center;color:#ffffff;font-size: 55px;padding-top: 200px;text-shadow: 2px 2px 3px rgba(40,40,40,.8);} .scholarTab .listMain {text-align:left;line-height: 30px;padding:30px 18% 74px;font-size: 18px;} .scholarTab .listBtn {display: inline-block;padding:10px 32px;border:4px solid #ffffff;color:#ffffff;font-size: 18px;transition:all 0.5s ease;border-radius: 15px;} .scholarTab .listAfter {display:none;width:100%;text-align: center;} .scholarTab .onActive .listTitle {padding-top: 160px;} .scholarTab .onActive em {display: none;} .scholarTab .onActive .scholarBox {background-color: rgba(0,0,0,.6); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease;transition: all 0.7s ease;} .scholarTab .onActive .listTitle {-webkit-animation: fade-down 0.7s ease;-moz-animation: fade-down 0.7s ease;animation: fade-down 0.7s ease;} .scholarTab .onActive .listAfter{display: block;-webkit-animation: fade-up 0.7s ease;-moz-animation: fade-up 0.7s ease;animation: fade-up 0.7s ease;} .scholarTab .animateJob {animation:myjob 1.5s infinite;-webkit-animation:myjob 1.5s infinite;-moz-animation:myjob 1.5s infinite;-o-animation:myjob 1.5s infinite;} .scholarTab .listBtn:hover {background-color: #ffffff;color:#6589dd;} /*动画*/ @keyframes myjob { 0% {opacity: 1;top:0;} 50% {opacity: .5;top:10px;} 100% {opacity: 1;top:0;} } @-webkit-keyframes myjob { 0% {opacity: 1;top:0;} 50% {opacity: .5;top:10px;} 100% {opacity: 1;top:0;} } @-moz-keyframes myjob { 0% {opacity: 1;top:0;} 50% {opacity: .5;top:10px;} 100% {opacity: 1;top:0;} } @-o-keyframes myjob { 0% {opacity: 1;top:0;} 50% {opacity: .5;top:10px;} 100% {opacity: 1;top:0;} } @-webkit-keyframes fade-down { 0% { -webkit-transform: translateY(-50px) } 100% { -webkit-transform: translateY(0px) } } @-moz-keyframes fade-down { 0% { -moz-transform: translateY(-50px) } 100% { -moz-transform: translateY(0px) } } @keyframes fade-down { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px) } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } } @-webkit-keyframes fade-up { 0% { -webkit-transform: translateY(50px) } 100% { -webkit-transform: translateY(0px) } } @-moz-keyframes fade-up { 0% { -moz-transform: translateY(50px) } 100% { -moz-transform: translateY(0px) } } @keyframes fade-up { 0% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px) } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } } /*本科*/ .serverCollegeHead .headBn {background:url(../img/servercollegebn.jpg) no-repeat center;background-size: cover;} /*关于美国本科*/ #serverCollegeTipsWrap {width:100%;height:525px;background:#678add url(../img/servercollegeaboutbn.jpg) no-repeat center top;background-size:cover;} .serverCollegeAboutBox{background:#CEB6AA;color:#ffffff;padding:0.1px 0.1px;} .serverCollegeAbout {width:890px;font-size: 16px;line-height: 28px;margin:40px auto;} .serverCollegeAbout h3 {font-size: 26px;margin:4px auto 16px;text-align: center} #serverCollegeTipsWrap .serverTipRight .logBox {margin-top:-150px;width:380px;color:rgba(0,0,0,0.14);background: url(../other/serverCollegeLogBox.svg) no-repeat right center;} #serverCollegeTipsWrap .serverTipRight .serverTipMain {height:350px;width:380px;} #serverCollegeTipsWrap .serverTipRight {padding-top:0;} #serverCollegeTipsWrap .serverTipRight .tipMainBottom {margin-top:250px;} #serverCollegeTipsWrap .serverTip {padding-bottom:0;} #serverCollegeTipsWrap .serverTipLeft {color:#333333;font-size: 17px;} #serverCollegeTipsWrap .serverTipLeft li {width:168px;height:168px;float:left;margin-bottom: 12px;margin-right: 12px;transition: all 0.5s ease;position: relative;} .serverCollegeImg1 {background:url(../img/servercollegetopleft.png) no-repeat center;background-size: cover;top:0px;left:0px;} .serverCollegeImg2 {background:url(../img/servercollegetopright.png) no-repeat center;background-size: cover;top:0px;right:0px;} .serverCollegeImg3 {background:url(../img/servercollegebottomleft.png) no-repeat center;background-size: cover;bottom: 0px;left: 0px;} .serverCollegeImg4 {background:url(../img/servercollegebottomright.png) no-repeat center;background-size: cover;bottom: 0px;right: 0px;} .topOn1 {top: -20px !important;left: -20px !important;background-image:url(../img/servercollegeabout1.png);} .topOn2 {top: -20px !important;right: -20px !important;background-image:url(../img/servercollegeabout2.png);} .topOn3 {bottom: -20px !important;left: -20px !important;background-image:url(../img/servercollegeabout3.png);} .topOn4 {bottom: -20px !important;right: -20px !important;background-image:url(../img/servercollegeabout4.png);} #serverCollegeTipsWrap .serverTipLeft {margin-left: 0;width:500px;padding-right: 25px;margin-top:18px;} #serverCollegeTipsWrap .leftFontChange {font-size: 32px;color:#333333;} #serverCollegeTipsWrap .leftFontChangeBox {width:300px;left:5%;top:130px;text-align: center;} #serverCollegeTipsWrap .leftFontChangeBox .leftFontChange {display:none;width:300px;text-align: center;} #serverCollegeTipsWrap .fixedFont {width:300px;text-align: center;left:5%;top:180px;} /*2018 - 2019再来人本科学员部分Fall结果*/ .offerTopWrap {width:1018px;margin:0 auto;padding-bottom: 75px;} .offerTopWrap .aboutH3 { text-align: center;padding-top: 40px;font-size: 32px;padding-bottom: 20px;color: #000;} .offerTopWrap .aboutLine {margin-bottom: 50px;margin-left: auto;margin-right: auto;height: 9px;background: #313131;border-radius: 10px;width: 120px;} .offerTopWrap .serverBtnBox {text-align: center;margin-top:81px;} .collegeOffer {padding-top:0px;} .collegeLeft {width:371px;height:521px;margin-right: 120px;} .collegeImg {display:none;width:100%;height:100%;margin-left: 40px;} .collegeImg1 {display:none;width:100%;height:100%;background:none;} .collegeImg2 {display:none;width:100%;height:100%;background:url(../other/collegeoffer3.svg) no-repeat center;} .collegeImg3 {display:none;width:100%;height:100%;background:url(../other/collegeoffer4.svg) no-repeat center;} .collegeImg4 {display:none;width:100%;height:100%;background:url(../other/collegeoffer5.svg) no-repeat center;} .collegeImg5 {display:none;width:100%;height:100%;background:url(../other/collegeoffer6.svg) no-repeat center;} .collegeImg6 {display:none;width:100%;height:100%;background:url(../other/collegeoffer7.svg) no-repeat center;} .collegeImg7 {display:none;width:100%;height:100%;background:url(../other/collegeoffer8.svg) no-repeat center;} .collegeImg8 {display:none;width:100%;height:100%;background:url(../other/collegeoffer9.svg) no-repeat center;} .collegeImg9 {display:none;width:100%;height:100%;background:url(../other/collegeoffer10.svg) no-repeat center;} .collegeImg10 {display:none;width:100%;height:100%;background:url(../other/collegeoffer11.svg) no-repeat center;} .collegeImg11 {display:none;width:100%;height:100%;background:url(../other/collegeoffer12.svg) no-repeat center;} .collegeImg12 {display:none;width:100%;height:100%;background:url(../other/collegeoffer13.svg) no-repeat center;} .collegeImg13 {display:none;width:100%;height:100%;background:url(../other/collegeoffer14.svg) no-repeat center;} .collegeImg14 {display:none;width:100%;height:100%;background:url(../other/collegeoffer15.svg) no-repeat center;} .collegeImg15 {display:none;width:100%;height:100%;background:url(../other/collegeoffer16.svg) no-repeat center;} .collegeImg16 {display:none;width:100%;height:100%;background:url(../other/collegeoffer17.svg) no-repeat center;} .collegeImg17 {display:none;width:100%;height:100%;background:url(../other/collegeoffer18.svg) no-repeat center;} .collegeRight {width:527px;} .clollegeLogoBox {display: none;margin-top:8px;} .collegeLogo {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo1.svg) no-repeat center;} .collegeLogo1 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo2.svg) no-repeat center;} .collegeLogo2 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo3.svg) no-repeat center;} .collegeLogo3 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo4.svg) no-repeat center;} .collegeLogo4 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo5.svg) no-repeat center;} .collegeLogo5 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo6.svg) no-repeat center;} .collegeLogo6 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo7.svg) no-repeat center;} .collegeLogo7 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo8.svg) no-repeat center;} .collegeLogo8 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo9.svg) no-repeat center;} .collegeLogo9 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo10.svg) no-repeat center;} .collegeLogo10 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo11.svg) no-repeat center;} .collegeLogo11 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo12.svg) no-repeat center;} .collegeLogo12 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo13.svg) no-repeat center;} .collegeLogo13 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo14.svg) no-repeat center;} .collegeLogo14 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo15.svg) no-repeat center;} .collegeLogo15 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo16.svg) no-repeat center;} .collegeLogo16 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo17.svg) no-repeat center;} .collegeLogo17 {width:81px;height:102px;margin-right: 57px;background:url(../other/collegelogo18.svg) no-repeat center;} .collegeLogoName{width:365px;display:block;height:102px;line-height:102px;color:#333333;font-size: 24px;font-weight: bold;} .offerTopWrap .schoolName {margin-top:30px;} /*.collegeBottom>ul>li:hover{color:#333333}*/ .offerTopWrap .schoolName li,.offerTopWrap .schoolName span{width:223px;float:left;font-size: 16px;color:#fff;margin-bottom:7px;border-left:6px solid #ffffff;padding-left: 6px;margin-right: 10px;cursor: pointer; padding: 5px 0;background: #878787;text-indent: 23px;} .offerTopWrap .schoolName span {display: inline-block;} .offerTopWrap .schoolName .noMright {margin-right: 0;} .offerTopWrap .schoolName .activeOn {font-weight: bold;color:#fff;background: url(../img/activeOn_zj.png);background-size: 100% 100%;padding: 5px 0px;text-indent: 23px;} /*KEIS方法论为你归纳总结留学申请中的关键点*/ .serverCollegeKeisWrap {background:#e8e8e8;background-size:cover;padding-bottom: 70px;} .serverCollegeKeis {width:1104px;margin:0 auto;color:#333333;} .serverCollegeKeis .aboutH3 {text-align: center;padding-top: 45px;font-size: 33px;padding-bottom: 25px;color: #000;} .serverCollegeKeis .aboutLine {margin-bottom: 50px;margin-left: auto;margin-right: auto;height: 9px;background: #313131;border-radius: 10px;width: 120px;} .serverCollegeKeisMain li {float:left;margin-right: 55.5px;margin-left: 55.5px;opacity: 0;transition: transform 1s ease-in-out 0s, opacity 0.5s ease-in-out 0.25s;} .serverCollegeKeisMain .collegeKeis1,.serverCollegeKeisMain .collegeKeis2{transform: translateY(-40px);} .serverCollegeKeisMain .collegeKeis3,.serverCollegeKeisMain .collegeKeis4 {transform: translateY(40px);} .serverCollegeKeisMain .title {font-size: 26px;text-align: center;color: #000;} .serverCollegeKeisMain .titleSmall {font-size: 16px;text-align: center;font-weight: bold;color: #000;} .serverCollegeKeisMain .detailMain {font-size:14px;color:#333333;text-align: center;line-height: 26px;margin-top:10px;} .serverCollegeKeisMain .titleLine {display: block;width:19px;height:2px;background-color: #666666;margin:15px auto 30px;} .serverCollegeKeisMain .titleImg {display: block;width:42px;height:42px;margin:15px auto 30px;} .serverCollegeKeisMain .titleImg1 {background:url(../img/servercollegekeis1.png) no-repeat center;background-size: 100%;} .serverCollegeKeisMain .titleImg2 {background:url(../img/servercollegekeis2.png) no-repeat center;background-size: 100%;} .serverCollegeKeisMain .titleImg3 {background:url(../img/servercollegekeis3.png) no-repeat center;background-size: 100%;} .serverCollegeKeisMain .titleImg4 {background:url(../img/servercollegekeis4.png) no-repeat center;background-size: 100%;} .serverCollegeKeisMain .noMright {margin-right: 0;} /*动画*/ .serverCollegeKeisMain .commonLeft {transform: translateY(0);opacity: 1;} /*STEP辅导体系，全程围绕你，从0到100实现全方位提升*/ .serverCollegeStepWrap {padding-bottom:35px;background:url(../img/servercollegestepbn.jpg) no-repeat center;background-size: cover;} .serverCollegeStepMain {width:1106px;margin:0 auto;} .serverCollegeStepWrap .aboutH3 {color:#ffffff;} .serverCollegeStepWrap .aboutLine {margin-bottom: 50px;} #apply-for {height:520px;} .hoverBox {width:135px;height:135px;border-radius: 50%;} .outHoverBox {width:100%;height:100%;border-radius: 50%;background-color: rgba(222,222,222,.4);transition: all 2.5s;} .innerHoverBox, .hoverBox .noScale{left:50%;top:50%;margin-left:-55px;margin-top:-55px;width:110px;height:110px;font-size:18px;color:#4d4d4d;line-height:110px;text-align:center;border-radius: 50%;background-color: rgba(222,222,222,.7);transition: all 2.5s;} .hoverBox .noScale {background-color: transparent;} .serverCollegeStepFont {padding:70px 0 0 100px;font-size: 18px;color:#e7e7e7;line-height: 30px;top:70px;} .serverCollegeStepFont1 {left:-10px;background:url(../other/servercollegestep1.svg) no-repeat;} .serverCollegeStepFont2 {left:-10px;background:url(../other/servercollegestep2.svg) no-repeat;} .serverCollegeStepFont3 {left:-10px;background:url(../other/servercollegestep3.svg) no-repeat;} .serverCollegeStepMain .stepTitle {font-size: 18px;color:#8e8e8e;bottom:0;left:70px;} .serverCollegeStepMain .step {float:left;height:488px;} .serverCollegeStepMain .step1 {width:400px;height:488px;} .serverCollegeStepMain .step2 {width:417px;} .serverCollegeStepMain .step3 {width:282px;} .serverCollegeStepMain .stepTitle2 {left:65px;} .serverCollegeStepMain .stepLine {display:block;position:absolute;top: 70px;height:1px;background-color: #bbbbbb;} .serverCollegeStepMain .stepLine1 {width:248px;left: 143px;} .serverCollegeStepMain .stepLine2 {width:262px;left: 546px;} /*申请季动画*/ #apply-for .applyphone1 {animation-name:applyphone;animation-duration:2.5s;animation-timing-function:ease;transition:all 2.5s;animation-iteration-count:3;} #apply-for .applyphone2 {animation-name:applyphone;animation-duration:2.5s;animation-timing-function:ease;animation-delay:0.5s;transition:all 2.5s;animation-iteration-count:3;} #apply-for .applyphone3 {animation-name:applyphone;animation-duration:2.5s;animation-timing-function:ease;animation-delay:1s;transition:all 2.5s;animation-iteration-count:3;} #apply-for .blueColor1 {animation-name:bluephone;animation-duration:2.5s;animation-timing-function:ease;transition:all 2.5s;animation-iteration-count:3;} #apply-for .blueColor2 {animation-name:bluephone;animation-duration:2.5s;animation-timing-function:ease;animation-delay:0.5s;transition:all 2.5s;animation-iteration-count:3;} #apply-for .blueColor3 {animation-name:bluephone;animation-duration:2.5s;animation-timing-function:ease;animation-delay:1s;transition:all 2.5s;animation-iteration-count:3;} #apply-for .whiteColor1 {animation-name:whitephone;animation-duration:2.5s;animation-timing-function:ease;transition:all 2.5s;animation-iteration-count:3;} #apply-for .whiteColor2 {animation-name:whitephone;animation-duration:2.5s;animation-timing-function:ease;animation-delay:0.5s;transition:all 2.5s;animation-iteration-count:3;} #apply-for .whiteColor3 {animation-name:whitephone;animation-duration:2.5s;animation-timing-function:ease;animation-delay:1s;transition:all 2.5s;animation-iteration-count:3;} @keyframes applyphone { 0% {transform:scale(1);opacity:1;background-color: rgba(101,137,221,.4);} 50% {transform:scale(2);opacity:0;background-color: rgba(101,137,221,.4);} 75% {transform:scale(2);opacity:0;background-color: rgba(101,137,221,.4);} 100% {transform:scale(2);opacity:0;background-color: rgba(101,137,221,.4);} } @keyframes bluephone { 0%,100%{background-color: rgba(101,137,221,.8);} } @keyframes whitephone { 0%,100%{color:#ffffff;} } /*智能化系统及环节质量监控，为你提供理想的服务体验*/ .serverCollegeIntelligent {width:1110px;margin:0 auto;font-size: 16px;color:#333333;line-height: 26px;padding-bottom: 100px;} .serverCollegeIntelligent .smallTitle {padding-bottom:65px;color:#a8a8a8} .intelligentMain {width:1014px;margin:0 auto;} .intelligentMain .intelligentLeft {width:472px;text-align: right;transform: translateX(-40px);} .intelligentMain .intelligentLeft,.intelligentMain .intelligentRight {opacity: 0;transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0.25s;} .intelligentMiddle {margin:11px 34px 0;} .intelligentMiddle .middle {width:5px;height:105px;} .intelligentMiddle .middle5 {height:5px;} .intelligentMain .intelligentRight {width:464px;transform: translateX(40px);} .intelligentMain .intelligentTitle {font-size: 24px;color:#333333;padding-bottom: 10px;padding-top:121px;} .intelligentMain .rectangle {left:0;top:0;width:10px;height:5px;background-color: #c1c1c1;} .intelligentMain .verticalLine {left:4px;top:5px;width:1px;height:110px;background-color: #e7e7e7;} .intelligentMain .side1 {padding-top:0;} .minutiaMain{margin-left:-6px;} .intelligentMain .side2 {padding-top:104px;} /*动画*/ .intelligentMain .intelligentOn {transform: translateX(0);opacity: 1;} /*「再来人」学员进入梦想院校*/ .bgAdmWrap {background: url(../img/bgAdmbn.jpg) no-repeat center top;background-size: cover;padding-bottom: 10px;} .bgAdm {width: 1011px;margin: 0 auto;} .bgAdm .aboutH3 {margin-left: -22px;} .bgAdm .smallDeatil {font-size: 16px;line-height: 26px;color:#4d4d4d;} .bgAdm .smallDeatil .collegeDot {width:10px;} .bgAdm .smallDeatil .collegeFont {width:987px;} .bgAdm .bgAdmMain {margin-top:50px;} .bgAdmWrap .bgAdmHD {width:277px;overflow: hidden;} .bgAdmWrap .bgAdmHD ul li {float:left;width:80px;font-size: 84px;color:#dddddd;height:100px;border-bottom: 2px solid transparent;line-height:100px;margin:0 55px 30px 0;text-align: center;cursor: pointer;transition:color 1s;} .bgAdmWrap .bgAdmHD ul .bgAdmOn {color:#6589dd;border-bottom: 2px solid #D1D1D1;} .bgAdmWrap .bgAdmHD ul li:hover {color:#848484;} .bgAdmWrap .bgAdmBD {width:700px;height:519px;} .bgAdmWrap .bgAdmList {display: none;} .bgAdmWrap .bgAdmList strong {float:left;display: block;width:66px;height:102px;line-height:100px;font-size: 84px;color:#6589dd;} .bgAdmWrap .bgAdmRight {float:right;width:610px;line-height: 28px;font-size: 16px;} .bgAdmWrap .bgAdmRight h3 {font-size: 18px;padding-top: 21px;line-height: 28px;} .bgAdmWrap .studentBg {font-weight: bold;font-size: 14px;color:#333333;} .bgAdmWrap .bgAdmRight .bgAdmLine {display:block;width:610px;height:1px;background-color: #D1D1D1;margin:25px 0;} .bgAdmWrap .marginTop {margin-top: 30px;} .bgAdmWrap .aboutLine {margin-bottom: 45px;} .bgAdmWrap .detailFont {position:relative;font-size: 16px;color:#333333;line-height: 26px;} .bgAdmWrap .detailFont:before {content:"·";position: absolute;left: -10px;top:0;} /*保驾护航*/ .serverEscortCollegeWrap {background-color: #CEB6AA;}