@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.renz{padding: 55px 0 70px;}
.renz_t{font-size: 30px;color: #333;height: 75px;line-height: 40px; background:url(../images/index/d_line01.png) no-repeat center bottom;text-align: center;font-weight: normal;}
.renz_t a{font-size: 30px;color: #333;}
.renz_t span{display: block;padding-top: 5px; font-size: 24px; color: #7d7d7d;} 

.renz p{font-size: 16px;color: #333;font-weight: bold;line-height: 28px;background:url(../images/index/d_renk01.gif) no-repeat center bottom;width: 1160px;height: 68px;text-align: center;margin:0 auto;padding: 20px 0 0;}
.renz p span{display: block;}
.renz ul{padding: 60px 0 0;}
.renz ul li{width: 240px; background:url(../images/index/d_renline.gif) no-repeat 0 5px; float: left;font-size: 16px; color: #333; text-align: center;}
.renz ul li em{width: 98px;height: 98px;display: block;margin:0 auto 15px;background: #9f9f9f;border-radius: 50%;}
.renz ul li em img{width: 98px;height: 98px;display: block; transition: all 0.3s ease-in-out 0s;}
.renz ul li:hover img{ transform: rotateY(180deg);}
.renz ul li:hover{color: #e41f28;}
.renz ul li:hover em{background: #e41f28;}
.renz ul li:first-child{background: none;}

/*优势*/
.ys_bg{ background:url(../images/index/d_ysbg.jpg) no-repeat center 0;height: 710px;padding: 60px 0 0;}
.ys .renz_t{height: 110px;}

.ys_l{padding: 170px 0 0 275px;}
.ys_l ul li{width: 270px;float: left;}
.ys_l ul li img{width: 270px;height: 180px;}

.ys_m{width: 566px;padding: 70px 0 0;}
.ys_m ul li{font-size: 18px;color: #333;width: 255px;height: 105px; margin: 0 0 40px 28px;border-radius:50px;text-align: center;background: #fff;float: left;line-height: 34px;box-shadow: 0 3px 5px 3px #d0d0d0;}
.ys_m ul li i{display: block;font-size: 30px; padding: 16px 0 0;}
.ys_m ul li:hover{background: #e41f28;color: #fff;}
.ys_m ul li em{display: block;font-size: 20px; padding: 16px 0 0; background:url(../images/index/d_ysico.gif) no-repeat 175px 20px;}
.ys_m ul li a{color: #fff;background: #e41f28;display: block;width: 255px;height: 105px;border-radius:50px;}

/*职业生涯*/
.sheng{padding: 60px 0 0;}
.sheng dl{padding: 30px 0 45px;}
.sheng dl dt{width: 1200px;height: 500px;line-height: 0;}
.sheng dl dt img{width: 1200px;height: 500px;}
.sheng dl dd{width: 935px;height: 123px;background: #e41f28;margin-top: -70px;margin-left: 165px;position: relative;padding: 25px 50px 0;}
.sheng dl dd h5{font-size: 18px;color: #fff;height: 30px;line-height: 30px;overflow: hidden;}
.sheng dl dd p{font-size: 14px;color: #fff;line-height: 24px;padding: 8px 0 0;height: 48px;overflow: hidden;}
.sheng_m{width: 1200px;height: 120px;background: #eee;border-top: #e41f28 3px solid;padding: 20px 0 0;}
.sheng_m ul li{font-size: 14px;color: #666;line-height: 30px;float: left;width: 310px; background:url(../images/index/d_shengico.gif) no-repeat 65px 11px;padding: 0 0 0 80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sheng_m ul li:hover{color: #e41f28;}

/*课程全面*/
.quan{padding: 50px 0 0;}
.quan .renz_t,.zhu .renz_t,.fuw .renz_t,.case .renz_t,.sheng .renz_t{height: 110px; background:url(../images/index/d_line02.png) no-repeat center bottom;}
.quan dl{ margin:30px 0 25px;background: #eaeaea;width: 1200px;height: 345px;}
.quan dl dt{ width:613px; height:345px; float:left;}
.quan dl dt img{ width:613px; height:345px;}
.quan dl dd{width:545px; float:left; padding:30px 0 0 40px;}
.quan dl dd h4{ line-height:40px; height:40px; overflow:hidden;}
.quan dl dd h4 em{display: block;float: left;width: 50px;}
.quan dl dd h4 em img{width: 38px;height: 38px;}
.quan dl dd h4 a{ font-size:24px; color:#666;}
.quan .quan_desc{ line-height:24px; font-size:14px; color:#666;height:48px;margin-bottom: 10px;width: 470px; padding:10px 0 0; overflow:hidden;}
.quan dl dd b{ font-size:16px; color:#666;display: block;height: 30px;line-height: 30px;overflow: hidden;}
.quan ul{ clear:both;overflow:hidden;padding-top: 10px;}
.quan li{ float:left; width:155px; height:87px; border: #fff 1px solid;margin-right: 20px;}
.quan li img{ width:155px; height:87px;}
.quan .quan_btn{ display: inline-block;;width: 400px;padding-top: 20px;}
.quan .quan_btn a{width: 105px;height: 32px;display: block;margin-right: 22px;float: left;}
.quan .quan_btn img{width: 105px;height: 32px;}

/*认证课*/
.tix02{ padding:0 0 25px;}
.tix02_t{height: 50px; line-height: 50px; overflow: hidden;}
.tix02_m ul li{width: 276px;line-height: 0;float: left; padding:0 31px 0 0;overflow: hidden;}
.tix02_m ul li img{width: 270px;height: 152px;display: block;
 border: #d3d3d3 3px solid;}
.tix02_m ul li span{ width:276px; display:block; text-align:center; height:42px; line-height:42px; overflow:hidden;font-size: 16px;background: #e3e3e3;color: #666;}
.tix02 p{width: 25px;height: 50px;position: absolute;top: 75px;}
.tix02 p img{width: 25px;height: 50px;}
.tix02_lico{left: -60px;}
.tix02_rico{right: -60px;}

/*最新开班通知*/
.photo{padding-bottom: 50px;}
.photo_t{height: 50px; line-height: 50px; overflow: hidden; background:url(../images/index/d_xinico01.gif) no-repeat 138px 10px;} 
.photo_t a,.tix02_t a{font-size: 20px;color: #333;}
.photo_c{width: 1200px;overflow: hidden;}
.photo_c ul li { width:265px; float:left;padding-right: 45px;}
.photo_c ul li a{font-size: 14px; color: #fff; width: 229px; height: 98px; float: left;background: #848484;border-radius:5px;display: block;padding: 0 18px;} 
.photo_c ul li a:hover{background: #e41f28;}
.photo_c ul li b{display: block;font-size: 18px;height: 40px;line-height: 40px;overflow: hidden;}
.photo_c ul li span,.photo_c ul li i{ width:209px; display:block; height:25px; line-height:25px;overflow: hidden; background:url(../images/index/d_xinico02.png) no-repeat 0 5px;padding-left: 20px;}
.photo_c ul li i{background:url(../images/index/d_xinico03.png) no-repeat 0 5px;}

/*主导美灿品牌课*/
.zhu_bg{ background:url(../images/index/d_zhubg.jpg) no-repeat center 0;height: 712px;padding: 65px 0 0;}
.zhu_l{width: 460px;padding: 44px 0 0;}
.zhu_m{width: 428px; height: 368px;} 
.zhu_m dl{width: 428px; height: 368px; background: #fff;position: relative;}
.zhu_m dl dt{width: 275px;height: 365px;padding: 3px 0 0 10px;line-height: 0;}
.zhu_m dl dt img{width: 275px;height: 365px;}
.zhu_m dl dd{width: 180px; position: absolute; top: 66px; right: 10px;} 
.zhu_m dl dd h5{height: 50px; line-height: 50px; overflow: hidden; background:url(../images/index/d_zhuline.gif) no-repeat 0 48px;} 
.zhu_m dl dd h5 a{font-size: 20px; color: #333;letter-spacing: 3px;font-weight: normal;} 
.zhu_m .zhu_desc{font-size: 14px;color: #666;line-height: 24px;padding: 12px 0 0;}
.zhu_bot{padding: 30px 0 0;}
.zhu_bot ul li{width: 116px;height: 116px;float: left;padding: 0 12px;}
.zhu_bot ul li img{width: 116px;height: 116px;display: block;border-radius:50%;}
.zhu_bot ul li:hover img,.zhu_bot ul li.on img{ border: #e41f28 3px solid;box-sizing:border-box;}
.zhu_r{width: 570px;padding: 115px 85px 0 0;}
.zhu_r p{font-size: 20px;color: #fff;line-height: 30px;padding: 20px 0; border-bottom: #fff 1px dotted;}
.zhu_r b{color: #e41f28;}

/*学员发展*/
.xue01{padding: 70px 0;}
.xue01 .renz_t,.xue02 .renz_t,.nian .renz_t{ background:url(../images/index/d_line02.png) no-repeat center bottom;}

.xue01 dl{width: 365px;height: 164px;position: relative;float: left;margin-top: 40px;margin-right: 52px;overflow: hidden;}
.xue01 dl dt{width: 160px;height: 160px;border-radius: 50%;line-height: 0;position: absolute;top: 0;left: 0;border: #fff 2px solid;}
.xue01 dl dt img{width: 160px;height: 160px;display: block; transition: all 0.3s ease-in-out 0s;border-radius: 50%;}
.xue01 dl:hover dt img{ transform: rotateY(180deg);}
.xue01 dl:hover dt{border: #e41f28 2px solid;}
.xue01 dl dd{width: 170px;height: 140px;background: #f3f1f2;float: right;padding: 24px 0 0 110px;font-size: 14px;color: #666;border-radius: 10px;}
.xue01 dl dd h5{font-size: 16px;color: #333;background:url(../images/index/d_xueico01.png) no-repeat;padding: 0 0 0 40px;height: 30px;line-height: 30px;overflow: hidden;}
.xue01 dl dd p{line-height: 30px;padding: 10px 0 0;}
.xue01 dl dd span{display: block;line-height: 30px;}
.xue01 dl:hover dd{color: #e5242d;}
.xue01 dl:hover dd h5{color: #e5242d;background:url(../images/index/d_xueico02.png) no-repeat;}
.xue01 .nobor,.xue02 .nobor{margin-right: 0;}

/*学员风采*/
.xue02{padding: 0 0 70px;}
.xue02 .renz_t{margin-bottom: 25px;}
.xue02 ul li{width: 390px;height: 218px;overflow: hidden;line-height: 0;margin-right: 15px;margin-top: 12px;float: left;}
.xue02 ul li img{width: 390px;height: 218px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.xue02 ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*增值服务*/
.fuw{padding: 60px 0 80px;}
.fuw_m{margin: 30px 0 0;width: 1200px;height: 500px; border-top: #d0d0d0 1px solid; border-left: #d0d0d0 1px solid;}
.fuw_m ul li{width: 399px;height: 190px;padding: 59px 0 0; border-right: #d0d0d0 1px solid; border-bottom: #d0d0d0 1px solid; color: #666;float: left;}
.fuw_m ul li em{width: 100px;height: 100px;display: block;float: left; background:url(../images/index/liuc_k01.png) no-repeat;margin: 0 22px;transition: all 0.3s ease-in-out 0s;}
.fuw_m ul li em img{width: 100px;height: 100px;}
.fuw_m ul li span{display: block; float: left; font-size: 24px; line-height: 36px;width: 200px;padding-top: 10px;} 
.fuw_m ul li i{display: block;}
.fuw_m ul li p{padding:40px 0 0 22px;width: 370px;clear: both;}
.fuw_m ul li p a{background:url(../images/index/liuc_btn01.png) no-repeat;display: block;width: 159px;height: 29px;}
.fuw_m ul li:hover{color: #e41f28;box-shadow: 0 3px 5px 3px #d0d0d0;}
.fuw_m ul li:hover em{transform: rotateY(180deg);}
.fuw_m ul li:hover p a{background:url(../images/index/liuc_btn02.gif) no-repeat;}

/*学员分享*/
.case_bg{ background:#f3f3f3; padding:60px 0;}
.case_m{padding: 30px 0 0;width: 1200px;overflow: hidden;}
.case_m dl{width: 281px;height: 458px;float: left;margin-right: 25px;background:url(../images/index/jz_k01.gif) no-repeat;}
.case_m dl:hover{background:url(../images/index/jz_k02.gif) no-repeat;}
.case_m dl dt{width: 182px;height: 182px;line-height: 0;margin:0 auto;}
.case_m dl dt img{width: 200px;height: 150px;display: block; transition: all 0.3s ease-in-out 0s;border-radius:50%;}
.case_m dl:hover dt img{ transform: rotateY(180deg);}
.case_m dl dd{width: 230px;margin:0 auto;padding: 25px 0 0;}
.case_m dl dd h5{height: 40px;line-height: 40px;text-align: center;overflow: hidden;}
.case_m dl dd h5 a{font-size: 18px;color: #333;}
.case_m .case_desc{font-size: 16px;color: #666;height: 120px;line-height: 30px;overflow: hidden;padding-top: 8px;}
.case_l,.case_r{width: 25px;height: 50px;top: 360px;cursor: pointer;}
.case_l{left: -60px;}
.case_l img{width: 25px;height: 50px;}
.case_r{right: -60px;}

/*广告条*/
.ban01{ background:url(../images/index/d_ban01.jpg) no-repeat center 0; height:365px; overflow:hidden;}
.ban01 p{position: absolute;top: 215px;left: 12px;}
.ban01 p span{ display:block; font-size:14px; color:#333;float: left;background:url(../images/index/d_bantel.png) no-repeat 0 18px;padding-left: 40px;line-height: 26px;}
.ban01 p span b{font-size: 30px;display: block;}
.ban01 p em{ display:block;float: left;width: 170px;padding-top: 10px;}
.ban01 p em img{ width:136px; height:41px;}

/*年度课程表*/
.nian{padding: 40px 0 15px;}
.nian_l{width: 553px;height: 244px;border: #e7e7e7 1px solid;background: #e9e7e8;padding: 5px;margin-top: 35px;border-radius: 5px;}
.nian_l img{width: 553px;height: 244px;}
.nian_r{width: 620px;padding: 42px 0 0;overflow: hidden;height: 240px;}
.nian_r ul{width: 620px;height: 44px;}
.nian_r ul li{font-size: 14px;color: #666;line-height: 44px;float: left;width: 230px;padding-left: 80px;background:url(../images/index/d_nianico01.gif) no-repeat 40px 17px;}
.nian_r ul li:hover{color: #e41f28;background:url(../images/index/d_nianico02.gif) no-repeat 40px 17px;}

/**/
.four{background:url(../images/index/d_fourline01.gif) repeat-x 0 39px;padding: 0 0 40px;}
.four dl{width: 300px;float: left;}
.four dl dt{font-size: 20px;color: #e41f28;font-weight: bold;height: 40px;line-height: 40px;overflow: hidden;background:url(../images/index/d_fourline02.gif) no-repeat 0 37px;}
.four dl dd{width: 300px;padding: 10px 0 0;}
.four dl dd em{width: 100px;height: 86px;display: block;float: left;}
.four dl dd em img{width: 82px;height: 86px;}
.four dl dd p{font-size: 14px; color: #666; line-height: 24px; height: 72px; overflow: hidden; float: left;width: 185px;padding: 8px 0 0;} 
.four dl dd p i{display: block;}

/**/
.liuy{height: 405px;background: #eee;margin-bottom: 80px;padding: 60px 0 0;}
.liuy_m{width: 905px;height: 340px;background: #fff url(../images/index/biao_line.gif) no-repeat 452px 0;margin:0 auto;box-shadow: 0 3px 10px 3px #d0d0d0;}
.liuy_l{padding: 30px 0 0 95px;width: 360px;}
.liuy_l p{font-size: 16px;color: #333;line-height: 26px;padding: 0 0 15px;}
.liuy_l p b{display: block;font-size: 18px;color: #e41f28;}
.liuy_l ul li{font-size: 14px;color: #666;line-height: 32px;height: 32px;}
.liuy_l ul li em{display: block;float: left;}
.liuy_l ul li .liuy_em01{width: 66px;}
.liuy_l ul li .liuy_em02{width: 150px;}
.liuy_l ul li .liuy_em03{width: 80px;}

.liuy_btn{width: 65px; height: 185px; background: #9f9f9f; position: absolute; top: 135px; right: 83px;border-radius: 0 10px 10px 0;} 
.liuy_btn b{display: block;width: 30px;margin:0 auto;text-align: center;line-height: 28px;padding: 35px 0 0;}
.liuy_btn b a{font-size: 24px;color: #e41f28;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}