/* CSS Document */ BODY { FONT-SIZE: 14px; margin:0px; padding: 0px; font-family:"微软雅黑"; color:#646464; margin:0px; padding:0px; background-color:#fff; overflow-x: hidden; box-sizing: border-box; } a{text-decoration:none;} ul li{list-style:none} ul{padding-left:0;margin:0 0} a{color:#666} .container{width:1200px;margin:0 auto} h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500} .ctrl span{ float:left; cursor:pointer;} input,textarea{outline:none;font-family:"微软雅黑";} img{border:none} .banner span{ cursor:pointer; float:left;} .clear{clear:both} @font-face { font-family: 'futura_bk_btbook'; src: url("/css/tt0140m-webfont.woff2") format('woff2'), url("/css/tt0140m-webfont.woff") format('woff'); font-weight: normal; font-style: normal; } .index_about_box{position:relative; background:url("/images/index_about_bg.jpg") no-repeat center top; height:460px; padding-top:40px;} .index_about_con{ padding-top:10px; padding-bottom:50px;} .index_about_con p{ font-size:14px; text-indent:2em; line-height:30px; padding-top:5px; color:#fff;} .head-top{width:100%;height:37px;background:#efefef;line-height:37px;color:#323232;border-bottom:1px solid #cccccc} .head-top a{color:#323232} .head-top span{float:right} .head-top img{vertical-align:bottom;margin-bottom:12px;margin-right:5px;margin-left:10px} .head-top img:first-child{margin-left:0px} .head-logo{width:100%;height:110px} .head-logo1{float:left;width:340px;margin-top:18px;background:url("/images/shuxian.png") right 5px no-repeat} .head-logo2{float:left;width:555px;height:64px;margin-top:14px;background:url("/images/shuxian.png") right 0px no-repeat;padding-left:20px; padding-right:20px;} .head-logo2 p span{color:#fe0000} .head-logo2 p{color:#323232;font-size:15px} .head-logo3{float:right;width:190px;height:64px;margin-top:23px;background:url("/images/hour.png") 22px 5px no-repeat;padding-left:75px} .head-logo3 h3{font-size:25px;color:#fe0000} .head-logo3 h2{font-size:16px;color:#323232;margin-top:5px} .head-menu{width:100%;height:55px;line-height:60px;background:url("/images/menu-bg.jpg") center bottom no-repeat} .head-menu ul li{float:left;width:120px;height:55px;text-align:center;font-size:14px;position:relative} .head-menu ul li.on a{background:url("/images/menu.png") center bottom no-repeat;height:55px} .head-menu ul li a{color:#fff;display:block} .head-menu ul li:hover{background:url("/images/menu.png") center bottom no-repeat} /* banner */ .fullSlide{ float:left;width:100%; position:relative; height:500px; background:#000; } .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:500px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:500px; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center; } .fullSlide .hd ul{ text-align:center; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; width:25px; height:5px; background-color:rgba(255,255,255,0.4); margin-left:5px; margin-right:5px;overflow:hidden;line-height:9999px; } .fullSlide .hd ul .on{width:25px; height:5px; background-color:rgba(255,168,0,0.7); } .fullSlide .pnBtn{ position:absolute; z-index:1; cursor:pointer; } .fullSlide .prev{ left:5%;top:200px; width:60px;height:60px ;background:url("/images/left.png") center top no-repeat } .fullSlide .next{ right:5%;top:200px; width:60px;height:60px ;background:url("/images/right.png") center top no-repeat } .fullSlide .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:60px; height:335px; } .fullSlide .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; } .fullSlide .prev .arrow{ right:0; background:url("/images/slider-arrow.png") -120px 0 no-repeat; } .fullSlide .next .arrow{ left:0; background:url("/images/slider-arrow.png") 0 0 no-repeat; } .five{width:100%;height:140px;background:url("/images/five-bg.jpg") center top no-repeat} .five ul li{float:left;width:240px;height:140px;position:relative;} .five ul li:before{position:absolute;width:100%;height:100%;background:url("/images/div.png") center top no-repeat;content:'';display:none} .five-img{width:100%;position:absolute;height:46px;left:0;top:10px;z-index:10} .five1{background:url("/images/five1.png") center top no-repeat} .five ul li h2{text-align:center;font-size:16px;text-align:center;width:100%;color:#fff;position:absolute;left:0;bottom:50px;z-index:100} .five ul li:hover:before{display:block} .five ul li:hover .five1{background:url("/images/five1-1.png") center top no-repeat} .five ul li:hover h2{color:#ffa800} .five ul li a{display:block} .five2{background:url("/images/five2.png") center top no-repeat} .five ul li:hover .five2{background:url("/images/five2-1.png") center top no-repeat} .five3{background:url("/images/five3.png") center top no-repeat} .five ul li:hover .five3{background:url("/images/five3-1.png") center top no-repeat} .five4{background:url("/images/five4.png") center top no-repeat} .five ul li:hover .five4{background:url("/images/five4-1.png") center top no-repeat} .five5{background:url("/images/five5.png") center top no-repeat} .five ul li:hover .five5{background:url("/images/five5-1.png") center top no-repeat} /*学员风采*/ .students{width:100%;padding:40px 0 50px 0} .title{width:100%;text-align:center} .title h2{font-size:40px;color:#868686;font-family: 'futura_bk_btbook';} .title p{font-size:16px;color:#868686;margin-bottom:5px} .title h3{font-size:26px;color:#323232;} .fengcai{float:left;margin-bottom:28px;width:100%;margin-top:45px} .fengcai ul li{float:left;width:299px;height:232px;margin-right:1px;margin-bottom:1px;position:relative} .fengcai ul li img{width:299px;height:232px} .fengcai ul li:after{width:269px;height:200px;position:absolute;content:'';left:15px;top:16px;transform:scale(0);content:'';background:rgba(255,255,255,0.7)} .fengcai ul li:hover:after{transform:scale(1);transition:all ease-in-out 0.3s} .fengcai-name{position:absolute;width:100%;left:0;top:0px;padding-top:90px;font-size:16px;color:#323232;z-index:1;text-align:center;transform:scale(0);background:url("/images/jia.png") center 117px no-repeat;padding-bottom:40px;height:100px} .fengcai ul li:hover .fengcai-name{transform:scale(1);transition:all ease-in-out 0.3s} .more{width:100%;text-align:center} .more a{width:120px;height:34px;display:inline-block;line-height:32px;color:#ff001f;background:url("/images/more.png") left center no-repeat;text-indent:25px} /*视频资讯*/ .video{width:100%;padding:40px 0 70px 0;background:#fafafa} .video-four{float:left;width:100%;margin-top:110px} .video-four ul li{float:left;width:285px;height:350px;background:#fff;margin-right:20px;position:relative} .video-four ul li:last-child{margin-right:0} .video-four ul li:hover{transform:translateY(-10px); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);transition:all ease-in-out 0.3s} .video-four ul li p{background:url("/images/kuai.png") 30px center no-repeat;text-indent:45px;margin-bottom:8px} .video-four ul li p a{color:#646464;display:block} .video-four ul li p:hover{text-indent:55px;transition:all ease-in-out 0.3s;} .video1{position:absolute;width:101px;height:31px;background:url("/images/video1.png") center top no-repeat;left:92px;top:-60px;text-align:center;padding-top:65px;color:#fff} .video-four ul li p:hover a{color:#ff001f} .yuan{position:absolute;width:82px;height:82px;background:url("/images/yuan.png") center top no-repeat;left:101px;bottom:30px;overflow:hidden} .yuan1 h2{font-size:14px;color:#fff;text-align:center} .yuan2 h2{font-size:14px;color:#fff;text-align:center} .yuan1{width:100%;height:57px;line-height:20px;padding-top:25px} .yuan2{width:100%;height:57px;line-height:20px;padding-top:25px} .video-four ul li:hover .yuan1{transform:translateY(-82px);transition:all ease-in-out 0.3s} .video-four ul li:hover .yuan2{transform:translateY(-87px);transition:all ease-in-out 0.3s} .video2{position:absolute;width:101px;height:31px;background:url("/images/video2.png") center top no-repeat;left:92px;top:-60px;text-align:center;padding-top:65px;color:#fff} .video3{position:absolute;width:101px;height:31px;background:url("/images/video3.png") center top no-repeat;left:92px;top:-60px;text-align:center;padding-top:65px;color:#fff} .video4{position:absolute;width:101px;height:31px;background:url("/images/video4.png") center top no-repeat;left:92px;top:-60px;text-align:center;padding-top:65px;color:#fff} /*导师介绍*/ .daoshi{width:100%;height:400px;background:url("/images/renwu-bg.jpg") center top repeat} /* 本例子css */ .qunar { width: 100%; position: relative;height:286px;padding-top:70px } .qunar .e_pic_wrap { z-index: 1; /*white-space: nowrap; */width: 100%; height: 286px; } .qunar .e_pic_wrap li {position:relative; display: inline; width: 100%; height: 286px;} .daoshil{float:left;width:280px;height:280px;border-radius:50%;margin-left:80px} .daoshil img{width:280px;height:280px} .daoshir{float:right;width:735px;margin-right:75px;} .daoshir h2{font-size:24px;color:#323232;margin-top:10px;margin-bottom:27px} .daoshir h2 span{font-size:16px;color:#323232} .daoshi-text{width:705px;padding-right:30px;height:195px;color:#323232;line-height:30px;overflow:hidden;overflow-y:visible; } .daoshi-text::-webkit-scrollbar{width:14px;width:2px} .daoshi-text::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.7);} .daoshi-text::-webkit-scrollbar-thumb{background-color:#855700;} .qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block;width: 22px; height: 38px; cursor:pointer} .qunar .prev { top: 180px; left: 0px;background:url("/images/left1.png") left center no-repeat } .qunar .next { top: 180px; right: 00px;background:url("/images/right1.png") left center no-repeat } /*导师介绍*/ .stuvideo{width:100%;padding:40px 0 60px 0} .stuvideo1{width:100%;margin-top:40px} .stuvideo1 ul li{float:left;width:370px;margin-right:45px;margin-bottom:40px} .stuvideo1 ul li:nth-child(3n){margin-right:0} .svt{float:left;width:100%;height:230px} .svb{float:left;width:100%;height:50px;line-height:50px;text-align:center;background:#eeeeee} .svb a{font-size:16px;color:#323232 ;display:block} .stuvideo1 ul li:hover .svb a{color:#ffa800} /*学员反馈*/ .fankui{width:100%;height:495px;background:url("/images/fankui.jpg") center top no-repeat;padding:40px 0 35px 0} .title1{width:100%;text-align:center} .title1 h2{font-size:40px;color:#fff;font-family: 'futura_bk_btbook';} .title1 p{font-size:16px;color:#fff;margin-bottom:5px} .title1 h3{font-size:26px;color:#fff;} .stufankui{width:100%;margin-top:30px} /* 本例子css */ .picScroll-left{ width:100%; position:relative; } .picScroll-left .hd{ height:30px; } .picScroll-left .hd ul{ float:left; zoom:1; margin-top:40px; zoom:1; margin-left:45%} .picScroll-left .hd ul li{ float:left; width:12px; height:12px; overflow:hidden; margin-right:5px;border-radius:50%; text-indent:-999px; cursor:pointer; border:2px solid #fff} .picScroll-left .hd ul li.on{ cursor:pointer;background:#ffa800 } .picScroll-left .bd{ } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ float:left; width:100%;display:inline; overflow:hidden; text-align:center; } .picScroll-left .bd ul li h2{color:#fff;font-size:16px;margin:20px 0 10px 0} .picScroll-left .bd ul li p{color:#fff;font-size:14px;line-height:30px} .stufk{width:1000px;margin:0 auto} .stufk img{ width:140px; height:140px; border:2px solid #fff; border-radius:50%;} /*新闻中心*/ .news{width:100%;padding:40px 0 60px 0} .news1{width:100%;margin-top:30px;float:left} /* 本例子css */ .slideTxtBox{ width:100%; text-align:left; } .slideTxtBox .hd{ height:35px; line-height:35px; position:relative; } .slideTxtBox .hd ul{ position:absolute; left:340px; top:0px; height:35px; } .slideTxtBox .hd ul li{ float:left; text-align:center;background:#ffa800;border-radius:50px; width:150px;height:35px;line-height:35px;cursor:pointer; font-size:16px;color:#fff;margin:0 10px } .slideTxtBox .hd ul li.on{ background:#ff001f; } .slideTxtBox .bd {width:100%;margin-top:65px} .slideTxtBox .bd ul{ } .slideTxtBox .bd li{ float:left;width:360px;margin-right:60px;margin-bottom:75px } .slideTxtBox .bd li:nth-child(3n){margin-right:0} .newsl{float:left;width:100px} .newsr{float:left;width:260px} .newsr h2{width:260px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .newsl h2{font-size:26px;color:#646464; } .newsl h3{font-size:14px;color:#646464;text-indent:35px} .newsr h2{font-size:16px;color:#323232;margin-bottom:5px} .newsr h3{font-size:14px;color:#646464;line-height:22px;margin-bottom:10px} .newsr h4{font-size:12px;color:#646464;text-indent:98px} .newsr h4 span{display:inline-block;float:right;text-indent:20px;background:url("/images/yan.png") left center no-repeat} .slideTxtBox .bd li:hover .newsr h2{color:#ff001f} .slideTxtBox .bd li:hover .newsr h4 span{background:url("/images/yan1.png") left center no-repeat} /*联系我们*/ .lianxi{width:100%;padding:40px 0 0px 0;background:url("/images/contact.jpg") center top no-repeat} .lianxi1{width:1100px;margin-top:73px;background:#fff;padding:50px 50px 0 50px;height:600px} .lianxi1l{float:left;width:510px} .lianxi1r{float:left;width:450px;margin-left:60px} .lianxi1l h2{font-size:14px;color:#323232} .it{width:100%;height:45px;margin-top:20px;margin-bottom:25px;float:left} .it input{background:none;border:1px solid #e2e2e2;width:500px;height:38px ;text-indent:5px;color:#323232} .it1{width:100%;height:100px;margin-top:20px;margin-bottom:25px;float:left} .it1 textarea{background:none;border:1px solid #e2e2e2;width:500px;height:38px ;height:100px;padding-top:5px;text-indent:5px;color:#323232} .it1 a{color:#fff;background:#ffa800;display:inline-block;padding:15px 30px;font-size:16px} .it1 .sub_button{display: none;} .lianxi1r h2{font-size:24px;color:#323232;margin-bottom:25px} .lianxi1r h3{font-size:18px;color:#323232;margin-bottom:23px} .lianxi1r p{font-size:14px;color:#646464;line-height:25px} .add{width:375px;background:url("/images/add.png") left center no-repeat;padding-left:75px;margin-top:42px} .add h2{font-size:18px;color:#323232;margin-bottom:5px} .add p{font-size:14px;color:#646464;margin-bottom:0px} .dh{width:375px;background:url("/images/dh.png") left top no-repeat;padding-left:75px;margin-top:42px} .dh h2{font-size:18px;color:#323232;margin-bottom:5px} .dh p{font-size:14px;color:#646464;margin-bottom:0px;line-height:20px} .yj{width:375px;background:url("/images/email.png") left center no-repeat;padding-left:75px;margin-top:42px;position:relative} .yj h2{font-size:18px;color:#323232;margin-bottom:5px} .yj p{font-size:14px;color:#646464;margin-bottom:0px;line-height:20px} .wx{position:absolute;width:128px;height:128px;bottom:0;right:65px} .zixun{width:100%;text-align:center;margin-top:45px} .zixun a{padding:10px 35px;background:#ffa800;border-radius:5px;font-size:16px;color:#fefefe;margin:0 15px} /*友情链接*/ .link{width:100%;height:60px;background:#868686;line-height:60px;text-align:left} .link1{float:left;width:900px;text-align:left} .link1 a{color:#fefefe;margin-right:10px} .link1 a:hover{color:#ffa800} .link2{float:left;width:300px;text-align:right} .bshare-custom.icon-medium{margin-top:20px} /*尾部*/ .footer{width:100%;height:160px;background:url("/images/five-bg.jpg") center top repeat;text-align:center;color:#fefefe;line-height:30px} .footer p,.footer p span,.footer p a{ color:#fff;} .footer img{margin-top:25px} /*新闻列表*/ .banner-news{width:100%;height:500px;background:url("/images/banner-list.jpg") center top no-repeat} .banner-news a{display:block;width:100%;height:500px} .xinwen{width:100%;padding:80px 0 0 0;background:url("/images/bg.jpg") center top repeat} .xinwenl{width:870px;float:left} .xinwenr{width:298px;float:right;border-left:2px solid #fff;padding-bottom:105px} /* 本例子css */ .slideTxtBox1{ width:100%; text-align:left; } .slideTxtBox1 .hd{ height:35px; line-height:35px; position:relative; } .slideTxtBox1 .hd ul{ position:absolute; left:0px; top:0px; height:35px; } .slideTxtBox1 .hd ul li{ float:left; text-align:center;background:#ffa800;border-radius:50px; width:150px;height:35px;line-height:35px;cursor:pointer; font-size:14px;color:#fff;margin:0 10px } .slideTxtBox1 .hd ul a{ color:#fff; } .slideTxtBox1 .hd ul li.on{ background:#ff001f; } .slideTxtBox1 .hd ul li:hover{background:#ff001f; } .slideTxtBox1 .bd {width:100%;margin-top:65px} .slideTxtBox1 .bd ul{ } .slideTxtBox1 .bd li{ float:left;width:100%;padding-bottom:20px;border-bottom:1px dashed #cccccc;margin-bottom:30px } .slideTxtBox1 .bd li:nth-child(3n){margin-right:0} .xw-l{float:left;width:180px;height:135px;overflow:hidden} .xw-l img{width:180px;height:135px} .xw-r{float:left;width:610px;height:135px;margin-left:80px;position:relative;} .xw-r h2{font-size:16px;color:#323232;margin-bottom:10px} .xw-r p{font-size:14px;color:#646464;line-height:25px} .date{width:62px;height:62px;background:url("/images/xw.png") center top no-repeat;position:absolute;left:-110px;top:38px;text-align:center} .date h2{font-size:28px;color:#fff !important;margin-bottom:0} .date p{font-size:14px;color:#fff} .slideTxtBox1 .bd li:hover .xw-l img{transition:all ease-in-out 1s;transform:scale(1.2)} .slideTxtBox1 .bd li:hover .xw-r h2{color:#ff001f} .yeshu{width:100%;text-align:center;margin-top:10px;font-size:14px; margin-bottom:60px;} .yeshu a{padding:10px 15px;background:#ffa800;color:#fff;margin:0 2px} .yeshu a:hover{background:#ff001f} .yeshu a.on{background:#ff001f} .xwr-top{width:100%;height:40px;background:url("/images/five-bg.jpg");line-height:40px;font-size:18px;color:#fff;text-indent:20px} .xwr-gg{width:100%;padding-top:25px;padding-bottom:25px} .xwr-gg ul li{width:100%;background:url("/images/dian.png") 18px center no-repeat;text-indent:36px;line-height:30px} .xwr-gg ul li a{color:#646464} .xwr-gg ul li:hover a{color:#ffa800} .more1{width:100%;text-align:right;margin-top:10px} .more1 a{color:#ffa800} .xwr-tj{float:left;width:100%;padding:25px 0} .xwr-tj ul li{float:left;width:75px;margin-left:15px;background:url("/images/dian.png") left center no-repeat;text-indent:15px;margin-bottom:7px; text-align: justify;} .xwr-tj ul li a{color:#646464; } .xwr-tj ul li a:hover{color:#ffa800} .xwr-video{float:left;width:100%;padding-top:25px} .shipin{width:100%;height:225px;margin-bottom:15px} .xwr-video h2{background:url("/images/dian.png") 18px center no-repeat; text-indent:36px;font-size:14px;color:#646464;margin-bottom:15px} .xwr-video a{color:#646464; } .xwr-video a:hover{color:#ffa800} .more3{width:100%;height:40px;background:url("/images/five-bg.jpg") ;line-height:40px;text-align:center;margin-top:23px;float:left} .more3 a{color:#fff;display:block} /*新闻内容*/ .container1{width:1265px;margin:0 auto} .xinwenl-con{width:870px;float:left} .xinwen-class{width:100%} .xinwen-class ul{ width:100%; height:35px; } .xinwen-class ul li{ float:left; text-align:center;background:#ffa800;border-radius:50px; width:150px;height:35px;line-height:35px;cursor:pointer; font-size:14px;color:#fff;margin:0 10px } .xinwen-class ul li.on{ background:#ff001f; } .xinwen-class ul a{ color:#fff; } .xinwen-class ul li.on{ background:#ff001f; } .xinwen-class ul li:hover{background:#ff001f; } .xinwen-class ul li:hover{ background:#ff001f; } .xinwenl-con h2{font-size:20px;color:#323232;text-align:center;margin-top:60px;margin-bottom:30px} .fabu{width:100%;border-top:1px dashed #cccccc;border-bottom:1px dashed #ccc;height:40px;line-height:40px;color:#646464} .fabu1{float:left;width:197px;background:url("/images/shuxian1.png") right center no-repeat;margin-left:170px} .fabu2{float:left;width:197px;background:url("/images/shuxian1.png") right center no-repeat;text-align:center} .fabu3{float:left;width:197px;text-align:center} .xinwen-text{width:815px;padding:40px 0 0 28px;line-height:35px;color:#646464;margin-bottom:50px} .pian{width:100%;height:40px;border-top:1px dashed #cccccc;border-bottom:1px dashed #ccc;padding:10px 0;line-height:40px; margin-bottom:40px;} .pianshu{float:left;width:435px;height:40px;text-align:left;position:relative} .pianshu a{display:inline-block;position:absolute;left:30px;top:0px;width:100%} .pianshu:before{position:absolute;width:0;height:40px;left:0;top:0;content:'';background:#ff001f} .pianshu:hover:before{width:100%;transition:all ease-in-out 1s} .pianshu:hover a{color:#fff;transition:all ease-in-out 0.5s} /*学员风采*/ .xueyuan{width:100%;padding:90px 0 65px 0;background:url("/images/bg.jpg")} .xueyuan ul li{float:left;width:282px;margin-right:24px;margin-bottom:75px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);} .xueyuan ul li:nth-child(4n){margin-right:0} .xueyuan-t{width:100%;height:210px;position:relative} .xueyuan-b{width:100%;height:50px;line-height:50px;text-align:center;background:#fff;color:#646464} .xueyuan-t img{width:282px;height:210px} .kuai_right { width: 1px; height: 0px; background-color: #fff; position: absolute; top: 30px; right: 50px; transition: all 0.5s ease-in-out; z-index: 2; } .kuai_down { width: 0; height: 1px; background-color: #fff; position: absolute; bottom: 50px; left: 30px; transition: all 0.5s ease-in-out; z-index: 2; } .kuai_up { width: 0; height: 1px; background-color: #fff; position: absolute; top: 50px; left: 30px; transition: all 0.5s ease-in-out; z-index: 2; } .kuai_left { width: 1px; height: 0px; background-color: #fff; position: absolute; top: 30px; left: 50px; transition: all 0.5s ease-in-out; z-index: 2; } .box_shadow { width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.4); top: 0; left: 0; z-index: 1; display: none; transition: all 0.5s ease-in-out; } .xueyuan-t h1 { width: 299px; line-height: 200px; position: absolute; top: 0; left: 0; z-index: 3; opacity: 0; color: #fff; font-size:16px; transition: all 0.5s ease-in-out; text-align: center; } .xueyuan ul li:hover h1 { line-height: 224px; opacity: 1; } .xueyuan ul li:hover .box_shadow { display: block; } .xueyuan ul li:hover .kuai_left{height:167px} .xueyuan ul li:hover .kuai_right{height:167px} .xueyuan ul li:hover .kuai_up{width:240px} .xueyuan ul li:hover .kuai_down{width:240px} .xueyuan ul li:hover .xueyuan-b{ background-color: #ff5556; color: #fff; transition: all 0.5s ease-in-out; } .xueyuan ul li:hover{transform:translateY(-12px);transition: all 0.5s ease-in-out;} .xueyuan-1{width:100%;float:left} .xueyuan-2{width:100%;float:left;text-align:center} .xueyuan-2 a{display:inline-block;padding:15px 70px;background:#ff001f;font-size:16px;color:#fff;border-radius:50px;box-shadow: 0px 0px 8px 0px rgba(255, 0, 31, 0.69);} /*学员内容*/ .banner-xueyuan{width:100%;height:500px;background:url("/images/banner-xueyuan.jpg") center top no-repeat} .banner-xueyuan a{display:block;width:100%;height:500px} .fc-con{width:100%;margin-top:45px;height:450px} .fc-conl{float:left;width:600px;height:450px;} .fc-conl img{width:600px;height:450px} .fc-conr{float:left;width:550px;height:425px;padding:25px 20px 0 30px} .fc-conr h2{font-size:20px;color:#323232;margin-bottom:18px} .fc-conr h3{font-size:16px;color:#fff;border-bottom:1px dotted #ff001f;height:34px;line-height:34px} .fc-conr h3 span{background:#ff001f;padding:8px 15px} .fc-conr-text{width:535px;margin-top:20px;height:305px;overflow: hidden; overflow-y: visible;line-height:30px;padding-right:15px} .fc-conr-text::-webkit-scrollbar{width:14px;width:2px} .fc-conr-text::-webkit-scrollbar-track{background-color:#cccccc;} .fc-conr-text::-webkit-scrollbar-thumb{background-color:#646464;} .pianshu1{width:100%;margin-top:50px;margin-bottom:40px} .ps{width:100%;height:40px;border-top:1px dashed #cccccc;border-bottom:1px dashed #ccc;padding:10px 0;line-height:40px} .ps1{float:left;width:600px;height:40px;text-align:center;position:relative} .ps1 a{display:inline-block;position:absolute;left:30px;top:0px;width:100%} .ps1:before{position:absolute;width:0;height:40px;left:0;top:0;content:'';background:#ff001f} .ps1:hover:before{width:100%;transition:all ease-in-out 1s} .ps1:hover a{color:#fff;transition:all ease-in-out 1s} .tuijian{width:100%;padding:40px 0 75px 0;background:url("/images/bg.jpg")} .tuijian-sp{width:100%;margin-top:50px} /* 本例子css */ .qunar1 { width: 100%; position: relative;height:286px;padding-top:0px } .qunar1 .e_pic_wrap { z-index: 1; white-space: nowrap; width: 100%; height: 286px;margin-left:45px } .qunar1 .e_pic_wrap li {position:relative; float:left; display: inline; width: 340px !important; height: 260px !important;margin:0 15px;box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);margin-bottom:10px;margin-top:10px} .sp-t{width:340px;height:210px} .sp-b{width:340px;height:50px;line-height:50px;text-align:center;background:#fff} .qunar1 .e_pic_wrap li:hover .sp-b{color:#ffa800} .qunar1 .e_pic_wrap li:hover{transform:translateY(-10px);transition:all ease-in-out 0.3s} .qunar1 .prev, .qunar1 .next { position: absolute; z-index: 30; display: block;width: 30px; height: 60px; cursor:pointer} .qunar1 .prev { top: 100px; left: 0px;background:url("/images/l.jpg") left center no-repeat } .qunar1 .prev:hover{background:url("/images/l1.jpg") left center no-repeat} .qunar1 .next { top: 100px; right: 0px;background:url("/images/r.jpg") left center no-repeat } .qunar1 .next:hover{background:url("/images/r1.jpg") left center no-repeat} /*师资简介*/ .banner-shizi{width:100%;height:500px;background:url("/images/banner-shizi.jpg") center top no-repeat} .banner-shizi a{display:block;width:100%;height:500px} .shizijianjie{width:100%;padding:50px 0 65px 0;background:url("/images/bg.jpg")} .shizi{width:100%;} .shizi ul li{float:left;width:380px;margin-right:30px;margin-bottom:70px} .shizi ul li:nth-child(3n){margin-right:0} .shizi ul li img{display:block;margin:0 auto;margin-bottom:30px} .shizi ul li h2{font-size:20px;color:#323232;text-align:center;margin-bottom:25px} .shizi ul li h2 span{font-size:16px;color:#646464} .shizi ul li p{color:#646464;text-align:center;line-height:30px} .shizi ul li:hover h2{color:#ffa800} .shizi ul li:hover h2 span{color:#ffa800} .shizi ul li:hover {transform:translateY(-20px);transition:all ease-in-out 0.3s} /*师资详情*/ .shizixq{width:100%;padding:50px 0 65px 0;background:url("/images/bg.jpg")} .shizixq h2{font-size:26px;color:#323232;margin-bottom:2px} .shizixq h2 span{font-size:21px;color:#646464} .shizixq h3{font-size:14px;color:#646464;margin-bottom:20px} .shizi-l{float:left;width:360px} .shizi-r{float:right;width:800px;} .shizi-l img{width:360px;height:360px} .shizi-r1{width:100%;padding-bottom:25px;border-bottom:1px solid #d3d3d3;margin-bottom:25px} .shizi-r h4{font-size:20px;color:#323232;background:url("/images/xing.png") left center no-repeat;text-indent:23px;margin-bottom:10px} .shizi-r p{line-height:28px} .tuijian1{width:100%;padding:40px 0 50px 0;} .tuijian-sp1{width:100%;margin-top:40px} /* 本例子css */ .qunar2 { width: 100%; position: relative;height:286px;padding-top:0px } .qunar2 .e_pic_wrap { z-index: 1; white-space: nowrap; width: 100%; height: 286px;margin-left:45px } .qunar2 .e_pic_wrap li {position:relative; display: inline; width: 180px; margin:0 22px;margin-top:10px} .qunar2 .e_pic_wrap li img{display:block;margin:0 auto;margin-bottom:15px; width:180px !important; height:180px !important;} .qunar2 .e_pic_wrap li h2{font-size:18px;color:#323232;text-align:center;margin-bottom:2px} .qunar2 .e_pic_wrap li h2 span{font-size:14px;color:#646464} .qunar2 .e_pic_wrap li h3{font-size:14px;color:#646464;text-align:center} .qunar2 .e_pic_wrap li:hover h2{color:#ffa800} .qunar2 .e_pic_wrap li:hover h2 span{color:#ffa800} .qunar2 .e_pic_wrap li:hover{transform:translateY(-10px);transition:all ease-in-out 0.3s} .qunar2 .prev, .qunar2 .next { position: absolute; z-index: 30; display: block;width: 30px; height: 60px; cursor:pointer} .qunar2 .prev { top: 100px; left: 0px;background:url("/images/l.jpg") left center no-repeat } .qunar2 .prev:hover{background:url("/images/l1.jpg") left center no-repeat} .qunar2 .next { top: 100px; right: 0px;background:url("/images/r.jpg") left center no-repeat } .qunar2 .next:hover{background:url("/images/r1.jpg") left center no-repeat} /*关于我们*/ .banner-about{width:100%;height:500px;background:url("/images/banner-about.jpg") center top no-repeat} .banner-about a{display:block;width:100%;height:500px} .about{width:100%;margin-top:35px} .container2{width:1140px;margin:0 auto} .about h2{font-size:22px;color:#323232;margin-bottom:5px} .about h3{font-size:14px;color:#323232;border-bottom:1px solid #cccccc;padding-bottom:15px;margin-bottom:10px} .about p{color:#646464;line-height:35px} .about-hj{width:100%;margin-top:45px;margin-bottom:60px} .about-hj h2{font-size:22px;color:#323232;margin-bottom:5px} .about-hj h3{font-size:14px;color:#323232;border-bottom:1px solid #cccccc;padding-bottom:15px;margin-bottom:10px} .about-hj ul{margin-top:30px} .about-hj ul li{float:left;width:360px;margin-right:60px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);} .about-hj ul li:nth-child(3n){margin-right:0} .about-t{width:100%;height:270px;position:relative} .about-b{width:100%;height:50px;line-height:50px;text-align:center;background:#fff;color:#646464} .about-t img{width:360px;height:270px} .kuai_right1 { width: 1px; height: 0px; background-color: #fff; position: absolute; top: 30px; right: 50px; transition: all 0.5s ease-in-out; z-index: 2; } .kuai_down1 { width: 0; height: 1px; background-color: #fff; position: absolute; bottom: 50px; left: 30px; transition: all 0.5s ease-in-out; z-index: 2; } .kuai_up1 { width: 0; height: 1px; background-color: #fff; position: absolute; top: 50px; left: 30px; transition: all 0.5s ease-in-out; z-index: 2; } .kuai_left1 { width: 1px; height: 0px; background-color: #fff; position: absolute; top: 30px; left: 50px; transition: all 0.5s ease-in-out; z-index: 2; } .box_shadow1 { width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.4); top: 0; left: 0; z-index: 1; display: none; transition: all 0.5s ease-in-out; } .about-t h1 { width: 360px; line-height: 240px; position: absolute; top: 0; left: 0; z-index: 3; opacity: 0; color: #fff; font-size:16px; transition: all 0.5s ease-in-out; text-align: center; } .about-hj ul li:hover h1 { line-height: 270px; opacity: 1; } .about-hj ul li:hover .box_shadow1 { display: block; } .about-hj ul li:hover .kuai_left1{height:210px} .about-hj ul li:hover .kuai_right1{height:210px} .about-hj ul li:hover .kuai_up1{width:300px} .about-hj ul li:hover .kuai_down1{width:300px} .about-hj ul li:hover .about-b{ background-color: #ff5556; color: #fff; transition: all 0.5s ease-in-out; } .about-hj ul li:hover{transform:translateY(-12px);transition: all 0.5s ease-in-out;} .about-xx{width:100%;margin-bottom:60px} .about-xx h2{font-size:22px;color:#323232;margin-bottom:5px} .about-xx h3{font-size:14px;color:#323232;border-bottom:1px solid #cccccc;padding-bottom:15px;margin-bottom:10px} .about-xx h4{font-size:20px;color:#ff001f;text-align:center;margin-top:40px;margin-bottom:20px} .about-xx p{font-size:14px;color:#646464;line-height:35px;margin-bottom:50px} /*联系我们*/ .banner-contact{width:100%;height:500px;background:url("/images/banner-contact.jpg") center top no-repeat} .banner-contact a{display:block;width:100%;height:500px} .lianxius{width:100%;padding:1px 0 0px 0;background:url("/images/bg.jpg") center top repeat} /*按钮图片*/ .bshare-custom.icon-medium .bshare-qzone{background:url("/images/qq.png") left center no-repeat !important} .bshare-custom.icon-medium a{width:28px !important;height:28px !important;padding:0 0 !important;margin-left:15px} .bshare-custom.icon-medium .bshare-weixin{background:url("/images/wx.png") left center no-repeat !important} .bshare-custom.icon-medium .bshare-sinaminiblog{background:url("/images/xinlang.png") left center no-repeat !important} .bshare-custom.icon-medium .bshare-qqmb{background:url("/images/tengxun.png") left center no-repeat !important}