* {word-wrap: break-word; padding:0px; margin: 0px;} ::selection {background:#652f8e;color:#fff;} p {margin:10px 0;} ul,li {list-style:none;} form, img {margin:0; border:0px; padding:0; vertical-align:top;} a {color: #000; transition: all 0.2s; text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); blr:expression(this.onFocus=this.blur()); outline:none; } a:hover { color: #666; text-decoration:none;} select,input,textarea{font:lighter 18px \5fae\8f6f\96c5\9ed1, sans-serif;} .clear {clear:both;} .b {font-weight:bold;} .xt {font-style:italic;} .s1 {color:#000;} .s1 a{color:#000;} .s1 a:hover{color:#000;} .s2 {color:#666;} .s2 a{color:#666;} .s2 a:hover{color:#000;} .s3 {color:#999;} .s3 a{color:#999;} .s3 a:hover{color:#000;} .s4 {color:#fff;} .s4 a{color:#fff;} .s4 a:hover{color:#fff;} .s5 {color:#652f8e;} .s5 a{color:#652f8e;} .s5 a:hover{color:#652f8e;} @font-face { font-family: 'gsfont'; src: url('../fonts/gsfont.eot'); src: url('../fonts/gsfont.eot') format('embedded-opentype'), url('../fonts/gsfont.woff') format('woff'), url('../fonts/gsfont.ttf') format('truetype'), url('../fonts/gsfont.svg#gsfont') format('svg'); } .gsfont {font-family:"gsfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } #videoaa{ width:800px;height:450px;margin:10px auto; } /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ /************************************************************************ PC端 ***********************************************************************************/ /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 1367px){ body {width:100%; height:100%; margin: 0px; font:lighter 16px Helvetica, \5fae\8f6f\96c5\9ed1, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank); } h1 {font-weight:lighter; font-size:28px;} .f12 {font-size:12px;} .f14 {font-size:14px;} .f16 {font-size:16px;} .f18 {font-size:18px;} .f24 {font-size:24px;} .f28 {font-size:28px;} .f64 {font-size:64px;} /*顶部菜单隐藏*/ #head-block {display:none;} #footer-menu {display:none;} /*顶部大图*/ #topbig {overflow:hidden; background:#1a1a1a;} #topbig .swiper-container {height:700px; overflow:hidden;} #topbig .swiper-slide {height:100%; overflow:hidden;} #topbig .picA {background:url(../images/banner.png); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picB {background:url(../images/banner2.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picC {background:url(../images/banner3.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:28%; left:14%;} #topbig .toppic-font .txta {font-size:64px; padding-top:3%;} #topbig .toppic-font .txta.txtabb{ font-size:36px;} #topbig .toppic-font .txtb {font-size:16px; padding-top:5%;line-height:180%;} #topbig .toppic-font .txtb.txtacc {font-size:16px; padding-top:5%;line-height:180%; color:#fff;} /*左侧菜单*/ #left-block {padding:0 1.28%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:99999999999999;transition: all 0.2s;} #left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #left-block .logo a {background:url(../images/logo.png) no-repeat; width:60px; height:60px; background-size:100%; display:block; margin:30px auto 0 auto;} #left-block .menu {text-align:center; position:relative; top:10%;} #left-block .menu li {margin:0 0 4vh 0;} #left-block .menu-d {position:absolute; left:1.5vw; bottom:4vh; font-size:30px;} #left-block .menu-d li {margin:3vh 0 0 0;} #left-block .menu-d li a {color:#999;} #left-block .menu-d li a:hover {color:#000;} #left-block .menu-d .message {width:11px; height:11px; background:#ff0062; position:absolute; left:20px; border-radius:100px;} /*左侧菜单-弹出层*/ #left-block #showDiv {background:url(../images/mask_bg.jpg); background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;} #left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;} #left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;} #left-block #showDiv .close a:hover {transform: rotate(90deg);} #left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;} #left-block #showDiv .list ul {float:left; margin-left:8vw;} #left-block #showDiv .list li {text-align:left;} /*中间导航*/ #body-menu {width:100%; overflow:hidden; display:none;} /*主要区块*/ #main-block {margin:0 4.5% 0 9.1%;} #main-block .line {margin:6% 0 4% 0; text-align:center;} #main-block .line-s {margin:22px 0;} #main-block .line-x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #main-block .more a {margin:4% auto 0 auto; width:18%; text-align:center; padding:1.2% 0; background:#000; color:#fff; display:block;} #main-block .more a:hover {background:#652f8e; color:#fff;} /*专业培训*/ #major {margin:auto; width:100%;} #major ul {width:102.6%; margin-bottom:-2.48%;} #major li {float:left; width:23%; margin:2.48% 2% 0 0; transition: all 0.2s;} #major li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #major .major-a {background:url(../images/major_a.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-a:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-b {background:url(../images/major_b.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-b:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-c {background:url(../images/major_c.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-c:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-d {background:url(../images/major_d.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-d:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-e {background:url(../images/major_e.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-e:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-f {background:#fff; position:relative; transition: all 0.2s;} #major .major-g {background:url(../images/major_g.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-g:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-h {background:url(../images/major_h.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-h:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .t {padding:50% 0 10% 10%;} #major .t2 {padding:50% 0 10% 10%;} #major .t3 {padding:36% 0 24% 10%;} #major a .more {position:absolute; bottom:12%; right:10%; color:#fff; font-size:1.6vw; border:0.1vw #fff solid; padding:0.6vw 0.5vw 0.35vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more2 {position:absolute; bottom:12%; right:10%; color:#fff; font-size:1.6vw; border:0.1vw #fff solid; padding:0.6vw 0.5vw 0.35vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more2 {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more3 {position:absolute; bottom:12%; right:10%; color:#000; font-size:1.6vw; border:0.1vw #000 solid; padding:0.6vw 0.5vw 0.35vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more3 {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} /*学习环境*/ #environment {overflow:hidden;} #environment .swiper-container {height:100%;} #environment .swiper-container img {width:100%;} #environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;} /*师资团队*/ #teacher {overflow:hidden;} #teacher .swiper-container {height:100%;} #teacher .swiper-container img {width:100%;} #teacher .swiper-button-prev,#teacher .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #teacher:hover .swiper-button-prev,#teacher:hover .swiper-button-next{display:block;} #teacher .swiper-slide {overflow:hidden;} #teacher .info{position:absolute; padding:0 0 8% 0; width:100%; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher .swiper-slide:hover .info{bottom:0;} #teacher .t {margin:8% 8% 0 8%;} #teacher .s {margin:4% 0 5% 8%;} #teacher .x {margin:2% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*为什么*/ #why a {margin:6% 0 4% 0; padding:13.7% 0; display:block; text-align:center; background:url(../images/why.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #why a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #why .t {font-size:3vw;} #why .s {margin:22px auto;} #why .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} /*为什么内容*/ #why-show {padding:4% 0 0 0;} #why-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #why-show h1 {text-align:center; margin:0 auto 15px auto;} #why-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #why-show {text-align:center; line-height:150%;} #why-show tr {background:#fff;} #why-show tr:hover {background:#f5f5f5;} #why-show td {padding:2% 4%; width:50%; border-bottom:1px #eee solid;} #why-show .bg1 {background:#652f8e;} #why-show .bg2 {background:#eeeeee;} /*选择测试内容*/ #choice-show {padding:4% 0 0 0;} #choice-show .info {padding:4% 15%; background:#fff; overflow:hidden;} #choice-show h1 {text-align:center; margin:0 auto 15px auto;} #choice-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #choice-show .progress {padding:4% 0 3% 0;} #choice-show .progress .picbg {background:#eee; height:2px;} #choice-show .progress .picbg span{background:#652f8e; display:block; float:left;height:2px;} #choice-show .test li{width:100%; padding:30px 0 0 0;} #choice-show .hidden{display:none;} #choice-show .but {margin:35px 0 0 0; padding:1.5% 8%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer;} #choice-show .select {margin-right:10px; cursor:pointer;} #choice-show #Result p {margin:2% 0;} /*客服联系*/ #service-contact {background:#fff;} #service-contact li {float:left; width:33.33%; text-align:center; padding:2% 0 3% 0;} #service-contact a .gsfont {padding:3% 0; font-size:3vw; color:#666; transition: all 0.2s;} #service-contact a:hover .gsfont {color:#652f8e; transition: all 0.2s;} /*视频*/ #video {margin:6% 0 4% 0; padding:11% 0; display:block; transition: all 0.2s; background:url(../images/video.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #video .block {margin:0 4.7% 0 9.7%; text-align:center;} #video .play a {font-size:7vw; color:#fff; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4; width:100%;} #video .play a:hover {transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #video .t {margin:2% 0 0 0;} #video .s {margin:1% auto 1.3% auto;} #video .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #videoaa {margin:6% 0 4% 0; padding:1% 0; display:block; transition: all 0.2s; /*background:url(../images/video.jpg); */background-size:cover; width:100%; height:100%; color:#fff;} /*新闻活动*/ #news {margin:auto; width:100%;} #news ul {width:102.6%;} #news li {width:22.5%; float:left; margin:0 2.48% 0 0; transition: all 0.2s; background:#fff;} #news li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #news li img {width:100%;} #news .t {padding:5%; min-height:58px; max-height:58px; overflow:hidden; line-height:180%;} /*造型图赏*/ #work .swiper-container {height:100%;} #work .swiper-container img {width:100%;} #work .swiper-button-prev,#work .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #work:hover .swiper-button-prev,#work:hover .swiper-button-next{display:block;} #work .swiper-slide {overflow:hidden;} /*预约联系*/ #contact {margin:-4% 0 2% 0; text-align:center; } #contact .tab-menu {padding:3% 0 0 0;} #contact .tab-menu ul {display:inline-block; text-align:center;} #contact .tab-menu li {float:left; cursor:pointer; margin:5px; text-align:center; padding:0.5vw 1.2vw; background:#fff; color:#000;} #contact .tab-menu li.select {background:#000; color:#fff;} #contact .tab-content ul {display:inline-block; text-align:center; padding:2% 0 0 0;} #contact .tab-content li {display:none; padding:0 0 2% 0;} #contact .tab-content .gsfont {margin-right:10px;} /*底部*/ #footer {padding:3% 0; background:#111; overflow:hidden;} #footer .content {margin:0 4.7% 0 12%; color:#999; width:102%; overflow:hidden;} #footer .content ul { margin:0 4% 0 0; width:18%; float:left; overflow:hidden;} #footer .content li {float:left; margin:10% 10% 0 0;} #footer .content li a {color:#999;} #footer .content li a:hover {color:#666;} #copyright {background:#000; text-align:center; padding:1.6% 0;} #copyright .content {margin:0 4.7% 0 9.7%; color:#999;} #copyright .content a {color:#999;} #copyright .content a:hover {color:#666;} /*******************************************内页**********************************************/ #n-topnav {background:#fff; top:0; left:9.1%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s;} #n-topnav:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #n-topnav ul {float:right; height:68px;} #n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;} #n-topnav li a {display: block; border-bottom:0px #ffffff solid;} #n-topnav li a:hover {border-bottom:2px #652f8e solid;} #n-topnav .hover {border-bottom:2px #652f8e solid;} #n-topnav .hover a:hover {border-bottom:0px;} #n-topheight {margin:70px 0 0 0;} #n-topnav2 {padding:4% 0 0 0; text-align:center;} #n-topnav2 li {display:inline-block; margin:0 0.5% 0.5% 0;} #n-topnav2 li a {float:left; padding:0.5vw 1.2vw; background:#fff; color:#000; display:block;} #n-topnav2 li a:hover {background:#000; color:#fff;} #n-topnav2 .hover a {background:#000; color:#fff;} /*学校介绍*/ #school {padding:2% 0 0 0; text-align:center;} #school .info {padding:4% 15%;} #school .s {margin:22px auto 15px auto; line-height:180%;} #school .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #school img {width:100%;} /*荣誉资质*/ #honor {padding:0 5%;} #honor .swiper-container {height:100%;} #honor .swiper-container img {width:100%;} #honor .swiper-slide {background-position:center; background-size: cover; width:30%;} #honor .info {padding:4% 10%; line-height:180%; text-align:center;} #honor .info span {color:#ccc; padding:0 1%; display: inline-block;} /*合作单位*/ #cooperation {padding:0 0 6% 0;} #cooperation li {width:33.33%; text-align:center; float:left;} #cooperation .s {line-height:180%; padding:5% 20% 0 20%;} /*创始人*/ #founder {background:#741a27; padding:1% 5% 0 3%;} #founder .left {float:left; width:30%;} #founder .pic {background:url(../images/founder.png) center 0 no-repeat; width:100%; height:611px; } #founder .right {float:left; width:70%;} #founder .info {padding:5% 0 6% 4%; color:#fff;} #founder .s {margin:22px auto 15px auto;color:#bbb;} #founder .x {width:60px; height:2px; background:#bbb; display:block;} #founder .t {padding:5% 0 0 0; line-height:180%;} #founder p {padding:1% 0 0 0;} /*品牌历程*/ #history {padding:0 0 6% 0; margin-top:-2%; } #history .date {color:#fff; font-size:35vw; text-align:center; margin:-7% 0;} #history .info {position:absolute; z-index:2; width:100%; left:10vw; top:15%} #history .info-pic {width:35%; float:left; margin:0 4vw 0 0;} #history .info-pic img {width:100%;} #history .info-txt {width:40%; float:left; margin:3vw 0 0 0; line-height:180%;} #history .tabs {text-align:center;} #history .tabs a {text-align: center;display: inline; border-bottom:2px #f5f5f5 solid;color:#666;padding:0.4% 0.1%;margin:0 0.4%;} #history .tabs a.on {color: #000; border-bottom:2px #652f8e solid;} /*专业顶部大图*/ #major-top {overflow:hidden; margin-top:-70px;} #major-top .picA {background:url(../images/hz.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} #major-top .picB {background:url(../images/mj.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} #major-top .picC {background:url(../images/byj.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} #major-top .picD {background:url(../images/mf.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} #major-top .picE {background:url(../images/mjj.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} #major-top .picF {background:url(../images/mr.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} #major-top .picG {background:url(../images/xxsj.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} #major-top .font {color:#fff; position:absolute; z-index:3; top:52%; left:14%;} #major-top .font .txta {font-size:64px; padding-top:2%;} #major-top .font .txtb {font-size:16px; width:70%; padding-top:2%; line-height:180%;} /*专业课程*/ #major-course {position:relative;} #major-course li {background:#fff; margin:0 0 2.48% 0; transition: all 0.2s;} #major-course li:hover {box-shadow: 0 0 50px rgba(170, 170, 170, .5); transition: all 0.2s;} #major-course .left {float:left; width:27.3%; margin-right:2.4%; overflow:hidden; max-height:300px; min-height:300px;} #major-course .left img {max-height:300px;} #major-course .info {padding:2.4% 2.4% 0 0;} #major-course .s {line-height:180%; padding:1.6% 0 0 0;} #major-course .more a {float:left; margin:1% 0 0 0; text-align:center; padding:1.2% 0.5%; background:#000; color:#fff; display:block;} #major-course .more a:hover {background:#652f8e; color:#fff;} #major-course .corner1 {position:absolute; right:0; background:url(../images/corner1.png) no-repeat; width:50px; height:50px; background-size:cover;} #major-course .corner2 {position:absolute; right:0; background:url(../images/corner2.png) no-repeat; width:50px; height:50px; background-size:cover;} /*帮你选择*/ #choice {background:#fff; padding:4% 0;} #choice li {width:25%; text-align:center; float:left;} #choice .n {font-size:4vw; padding:0 0 4% 0;} #choice2 {background:#fff; padding:4% 0;} #choice2 li {width:33.33%; text-align:center; float:left;} #choice2 .n {font-size:4vw; padding:0 0 4% 0;} /*学员保障*/ #guarantee {background:#fff; padding:0 0 4% 0; } #guarantee li {width:33.33%; padding:4% 0 0 0; text-align:center; float:left; height:150px; overflow:hidden;} #guarantee .info {padding:2% 0 0 0;} #guarantee .s {line-height:180%; padding:2% 10% 0 10%;} /*环境列表*/ #environment-list {padding:4% 0 2% 0;} #environment-list ul {width:102.6%;} #environment-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; text-align:center; background:#fff;} #environment-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #environment-list li img {width:100%;} #environment-list .t {padding:5% 0;} /*环境内容*/ #environment-show {overflow:hidden; padding:4% 0; text-align:center;} #environment-show .swiper-container {height:100%;} #environment-show .swiper-container img {max-width:100%;} #environment-show .swiper-button-prev,#environment-show .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment-show:hover .swiper-button-prev,#environment-show:hover .swiper-button-next{display:block;} #environment-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:22px auto 4% auto;} /*师资列表*/ #teacher-list {padding:3% 0 2% 0;} #teacher-list ul {width:102.6%;} #teacher-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #teacher-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #teacher-list li img {width:100%;} #teacher-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher-list li:hover .info {bottom:0;} #teacher-list li .t {margin:8% 0 0 8%;} #teacher-list li .s {margin:4% 0 5% 8%;} #teacher-list li .x {margin:2% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*师资内容*/ #teacher-show {padding:3% 0 4.45% 0;} #teacher-show .content {width:102.6%;} #teacher-show .pic {float:left; width:22.5%; margin-right:4%;} #teacher-show .pic img {width:100%;} #teacher-show .info {float:left; width:70.9%; } #teacher-show .s {margin:22px auto 15px auto;} #teacher-show .x {width:60px; height:2px; background:#652f8e; display:block;} #teacher-show .t {padding:2% 0 0 0; line-height:180%;} /*活动列表*/ #activity-list {padding:4% 0 2% 0;} #activity-list ul {width:102.6%;} #activity-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #activity-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #activity-list li img {width:100%;} #activity-list .t {padding:5%; min-height:58px; max-height:58px; overflow:hidden; line-height:180%;} /*活动内容*/ #activity-show {padding:4% 0 4.45% 0;} #activity-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #activity-show .info img {max-width:100%;} #activity-show h1 {text-align:center;} #activity-show .s {margin:22px auto 15px auto; text-align:center;} #activity-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #activity-show .t {padding:2% 0 0 0; line-height:180%;} /*视频列表*/ #video-list {padding:4% 0 2% 0;} #video-list ul {width:102.6%;} #video-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #video-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #video-list .t {padding:5%; min-height:58px; max-height:58px; overflow:hidden; line-height:180%;} #video-list a:hover .bg {position:absolute; background:#000; width:100%; height:100%; display:block; filter:alpha(opacity=30); opacity:0.3;} #video-list .pic {position:relative;} #video-list .pic img {width:100%;} #video-list a .play{position:absolute; z-index:1; display:none;} #video-list a:hover .play{position:absolute; display:block; top:50%; left:50%; margin-top:-32px; margin-left:-32px; color:#fff; filter:alpha(opacity=80); opacity:0.8;} #video-list .time {position:absolute; bottom:0; right:0; z-index:1; background:#000; color:#fff; padding:2% 3%; filter:alpha(opacity=80); opacity:0.8;} /*视频内容*/ #video-show {padding:4% 0 4.45% 0;} #video-show .info {padding:4% 15%; background:#fff; overflow:hidden;} #video-show .info img {max-width:100%;} #video-show h1 {text-align:center;} #video-show .s {margin:22px auto 15px auto; text-align:center;} #video-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #video-show .t {padding:2% 0 0 0; line-height:180%;} #videoplay {text-align:center; margin:0 0 2.5% 0;} #videoplay iframe{ width:100%;} #videoplay iframe video{ width:100%;} #youkuplayer {text-align:center; margin:0 0 2.5% 0; width:100%;} /*公告列表*/ #notice-list {padding:4% 0 2% 0;} #notice-list li a {margin:0 0 2.48% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block;} #notice-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #notice-list a .date { background:#bbb; float:left; width:100px; height:100px; line-height:100px; color:#fff; text-align:center; } #notice-list a:hover .date {background:#652f8e; color:#fff; } #notice-list .t {margin-left:2.4%; float:left; width:77.6%; height:100px; line-height:100px;} /*图片列表*/ #photo-list {padding:3% 0 2% 0;} #photo-list ul {width:102.6%;} #photo-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #photo-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #photo-list li img {width:100%;} #photo-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #photo-list li:hover .info {bottom:0;} #photo-list li .t {margin:8% 8% 0 8%;} #photo-list li .x {margin:5% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*图片内容*/ #photo-show {padding:3% 0 4.45% 0;} #photo-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #photo-show .info img {max-width:100%;} #photo-show h1 {text-align:center;} #photo-show .x {width:60px; height:2px; margin:22px auto 15px auto; background:#652f8e; display:block;} #photo-show .t {padding:2% 0 0 0; line-height:180%;} /*获奖列表*/ #works-list {padding:4% 0 2% 0;} #works-list ul {width:102.6%;} #works-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #works-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #works-list li img {width:100%;} #works-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #works-list li:hover .info {bottom:0;} #works-list li .t {margin:8% 8% 0 8%;} #works-list li .x {margin:5% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*获奖内容*/ #works-show {padding:4% 0 4.45% 0;} #works-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #works-show .info img {max-width:100%;} #works-show h1 {text-align:center;} #works-show .x {width:60px; height:2px; margin:22px auto 15px auto; background:#652f8e; display:block;} #works-show .t {padding:2% 0 0 0; line-height:180%;} /*翻页按钮*/ .list_page{text-align:center; display:block; padding:0 0 4% 0;} .list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;} .list_page ul li{display:inline-block; margin:0 1px;} .list_page ul a{color:#333;padding:12px 17px; display:block; background:#fff;} .list_page ul a:hover{color:#fff;padding:12px 17px; display:block; background:#000;} .page_group ul li{float:left;} .page_group ul .active a{background:#000; color:#fff;} /*预约报名*/ #book {margin:8% 0 4% 0; background:#fff; padding:4% 0 0 0;} #book .left {float:left; padding:0 4% 4% 4%; margin-right:5%;} #book .right {float:left; padding:1% 0 14% 4%;} #book .bookadd div{margin-bottom:20px;} #book .bookadd .ip {border:1px solid #ddd; padding:12px;} #book .bookadd .tel {border:1px solid #ddd; padding:12px; width:240px;} #book input:focus,#book textarea:focus,#book select:focus {box-shadow:0 0 40px rgba(170, 170, 170, .2);transition: all .3s; color:#000;} #book input,#book textarea,#book select {transition: all .3s; color:#666;} #book .bnt {margin:4% 0 0 0; padding:3% 10%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer;} #book .bnt:hover {background:#000; color:#fff;} #book .right div {margin-bottom:20px;} #book .more a {float:left; width:120px; text-align:center; padding:4% 10%; background:#000; color:#fff; display:block;} #book .more a:hover {background:#652f8e; color:#fff;} /*联系列表*/ #contact-content {margin:8% 0 0 0; padding:4% 0; background:#fff; text-align:center; transition: all 0.2s;} #contact-content:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-content .tel {float:left; width:33.33%;} #contact-content .address {float:left; width:33.33%;} #contact-content .map {float:left; width:33.33%;} #contact-content .gsfont {margin:8% 0 4% 0;} #contact-list {padding:4% 0 2% 0;} #contact-list li{margin:0 0 2.5% 0; padding:3% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block; line-height:140%;} #contact-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-list .t {float:left; text-align:center; width:10%;} #contact-list .tel {float:left; width:25%;} #contact-list .address {float:left; width:46%; padding:0 3%;} #contact-list .address span {float:left; } #contact-list .address p {margin:0;} #contact-list .map {float:left; width:12%;} #contact-list .gsfont {margin-right:15px;} /*联系内容*/ #contact-show {padding:4% 0 4.45% 0;} #contact-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #contact-show .info img {max-width:100%;} #contact-show h1 {text-align:center;} #contact-show .x {width:60px; height:2px; margin:22px auto 15px auto; background:#652f8e; display:block;} #contact-show .t {padding:2% 0 0 0; line-height:180%;} /*右侧QQ*/ #rightqq {position:fixed; right:0; top:0; z-index:99999; height:100%;} #rightqq .info {position:absolute; top:40%; right:10px;} #rightqq .gsfont {text-align:center; background:#0091ed; color:#fff; font-size:50px; width:90px; height:90px; line-height:90px;} #rightqq .text {padding:10px 0; text-align:center; background:#fff;} } /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ /******************************************************************** iPad Pro ***********************************************************************************/ /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 1025px) and (max-width: 1367px) { body {width:100%; height:100%; margin: 0px; font:lighter 16px Helvetica, \5fae\8f6f\96c5\9ed1, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank); } h1 {font-weight:lighter; font-size:28px;} .f12 {font-size:12px;} .f14 {font-size:14px;} .f16 {font-size:16px;} .f18 {font-size:18px;} .f24 {font-size:24px;} .f28 {font-size:28px;} .f64 {font-size:64px;} /*顶部菜单隐藏*/ #head-block {display:none;} #footer-menu {display:none;} /*顶部大图*/ #topbig {overflow:hidden; background:#1a1a1a;} #topbig .swiper-container {height:700px; overflow:hidden;} #topbig .swiper-slide {width:100%; overflow:hidden;} #topbig .picA {background:url(../images/banner.png); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picB {background:url(../images/banner2.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picC {background:url(../images/banner3.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:18%; left:14%;} #topbig .toppic-font .txta {font-size:54px; padding-top:3%;} #topbig .toppic-font .txtb {font-size:16px; padding-top:5%;line-height:180%;} /*左侧菜单*/ #left-block {padding:0 1.28%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:99999999999999;transition: all 0.2s;} #left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #left-block .logo a {background:url(../images/logo.png) no-repeat; width:60px; height:60px; background-size:100%; display:block; margin:30px auto 0 auto;} #left-block .menu {text-align:center; position:relative; top:10%;} #left-block .menu li {margin:0 0 4vh 0;} #left-block .menu-d {position:absolute; left:1.5vw; bottom:4vh; font-size:30px;} #left-block .menu-d li {margin:3vh 0 0 0;} #left-block .menu-d li a {color:#999;} #left-block .menu-d li a:hover {color:#000;} #left-block .menu-d .message {width:11px; height:11px; background:#ff0062; position:absolute; left:20px; border-radius:100px;} /*左侧菜单-弹出层*/ #left-block #showDiv {background:url(../images/mask_bg.jpg) center 0 no-repeat; background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;} #left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;} #left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;} #left-block #showDiv .close a:hover {transform: rotate(90deg);} #left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;} #left-block #showDiv .list ul {float:left; margin-left:8vw;} #left-block #showDiv .list li {text-align:left;} /*中间导航*/ #body-menu {width:100%; overflow:hidden; display:none;} /*主要区块*/ #main-block {margin:0 4.5% 0 9.1%;} #main-block .line {margin:6% 0 4% 0; text-align:center;} #main-block .line-s {margin:22px 0;} #main-block .line-x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #main-block .more a {margin:4% auto 0 auto; width:18%; text-align:center; padding:1.2% 0; background:#000; color:#fff; display:block;} #main-block .more a:hover {background:#652f8e; color:#fff;} /*专业培训*/ #major {margin:auto; width:100%;} #major ul {width:102.6%; margin-bottom:-2.48%;} #major li {float:left; width:23%; margin:2.48% 2% 0 0; transition: all 0.2s;} #major li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #major .major-a {background:url(../images/major_a.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-a:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-b {background:url(../images/major_b.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-b:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-c {background:url(../images/major_c.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-c:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-d {background:url(../images/major_d.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-d:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-e {background:url(../images/major_e.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-e:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-f {background:#fff; position:relative; transition: all 0.2s;} #major .major-g {background:url(../images/major_g.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-g:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-h {background:url(../images/major_h.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-h:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .t {padding:50% 0 10% 10%;} #major .t2 {padding:50% 0 10% 10%;} #major .t3 {padding:36% 0 24% 10%;} #major a .more {position:absolute; bottom:12%; right:10%; color:#fff; font-size:1.6vw; border:0.1vw #fff solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more2 {position:absolute; bottom:19%; right:10%; color:#fff; font-size:1.6vw; border:0.1vw #fff solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more2 {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more3 {position:absolute; bottom:19%; right:10%; color:#000; font-size:1.6vw; border:0.1vw #000 solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more3 {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} /*学习环境*/ #environment {overflow:hidden;} #environment .swiper-container {height:100%;} #environment .swiper-container img {width:100%;} #environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;} /*师资团队*/ #teacher {overflow:hidden;} #teacher .swiper-container {height:100%;} #teacher .swiper-container img {width:100%;} #teacher .swiper-button-prev,#teacher .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #teacher:hover .swiper-button-prev,#teacher:hover .swiper-button-next{display:block;} #teacher .swiper-slide {overflow:hidden;} #teacher .info{position:absolute; padding:0 0 8% 0; width:100%; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher .swiper-slide:hover .info{bottom:0;} #teacher .t {margin:8% 8% 0 8%;} #teacher .s {margin:4% 0 5% 8%;} #teacher .x {margin:2% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*为什么*/ #why a {margin:6% 0 4% 0; padding:13.7% 0; display:block; text-align:center; background:url(../images/why.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #why a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #why .t {font-size:3vw;} #why .s {margin:22px auto;} #why .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} /*为什么内容*/ #why-show {padding:4% 0 0 0;} #why-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #why-show h1 {text-align:center; margin:0 auto 15px auto;} #why-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #why-show {text-align:center; line-height:150%;} #why-show tr {background:#fff;} #why-show tr:hover {background:#f5f5f5;} #why-show td {padding:2% 4%; width:50%; border-bottom:1px #eee solid;} #why-show .bg1 {background:#652f8e;} #why-show .bg2 {background:#eeeeee;} /*选择测试内容*/ #choice-show {padding:4% 0 0 0;} #choice-show .info {padding:4% 15%; background:#fff; overflow:hidden;} #choice-show h1 {text-align:center; margin:0 auto 15px auto;} #choice-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #choice-show .progress {padding:4% 0 3% 0;} #choice-show .progress .picbg {background:#eee; height:2px;} #choice-show .progress .picbg span{background:#652f8e; display:block; float:left;height:2px;} #choice-show .test li{width:100%; padding:30px 0 0 0;} #choice-show .hidden{display:none;} #choice-show .but {margin:35px 0 0 0; padding:1.5% 8%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer;} #choice-show .select {margin-right:10px; cursor:pointer;} #choice-show #Result p {margin:2% 0;} /*客服联系*/ #service-contact {background:#fff;} #service-contact li {float:left; width:33.33%; text-align:center; padding:2% 0 3% 0;} #service-contact a .gsfont {padding:3% 0; font-size:3vw; color:#666; transition: all 0.2s;} #service-contact a:hover .gsfont {color:#652f8e; transition: all 0.2s;} /*视频*/ #video {margin:6% 0 4% 0; padding:11% 0; display:block; transition: all 0.2s; background:url(../images/video.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #video .block {margin:0 4.7% 0 9.7%; text-align:center;} #video .play a {font-size:7vw; color:#fff; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4; width:100%;} #video .play a:hover {transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #video .t {margin:2% 0 0 0;} #video .s {margin:1% auto 1.3% auto;} #video .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} /*新闻活动*/ #news {margin:auto; width:100%;} #news ul {width:102.6%;} #news li {width:22.5%; float:left; margin:0 2.48% 0 0; transition: all 0.2s; background:#fff;} #news li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #news li img {width:100%;} #news .t {padding:5%; min-height:58px; max-height:58px; overflow:hidden; line-height:180%;} /*造型图赏*/ #work .swiper-container {height:100%;} #work .swiper-container img {width:100%;} #work .swiper-button-prev,#work .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #work:hover .swiper-button-prev,#work:hover .swiper-button-next{display:block;} #work .swiper-slide {overflow:hidden;} /*预约联系*/ #contact {margin:-4% 0 2% 0; text-align:center; } #contact .tab-menu {padding:3% 0 0 0;} #contact .tab-menu ul {display:inline-block; text-align:center;} #contact .tab-menu li {float:left; cursor:pointer; margin:5px; text-align:center; padding:0.5vw 1.2vw; background:#fff; color:#000;} #contact .tab-menu li.select {background:#000; color:#fff;} #contact .tab-content ul {display:inline-block; text-align:center; padding:2% 0 0 0;} #contact .tab-content li {display:none; padding:0 0 2% 0;} #contact .tab-content .gsfont {margin-right:10px;} /*底部*/ #footer {padding:3% 0; background:#111; overflow:hidden;} #footer .content {margin:0 4.7% 0 12%; color:#999; width:102%; overflow:hidden;} #footer .content ul { margin:0 4% 0 0; width:18%; float:left; overflow:hidden;} #footer .content li {float:left; margin:10% 10% 0 0;} #footer .content li a {color:#999;} #footer .content li a:hover {color:#666;} #copyright {background:#000; text-align:center; padding:1.6% 0;} #copyright .content {margin:0 4.7% 0 9.7%; color:#999;} #copyright .content a {color:#999;} #copyright .content a:hover {color:#666;} /*******************************************内页**********************************************/ #n-topnav {background:#fff; top:0; left:9.1%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s;} #n-topnav:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #n-topnav ul {float:right; height:68px;} #n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;} #n-topnav li a {display: block; border-bottom:0px #ffffff solid;} #n-topnav li a:hover {border-bottom:2px #652f8e solid;} #n-topnav .hover {border-bottom:2px #652f8e solid;} #n-topnav .hover a:hover {border-bottom:0px;} #n-topheight {margin:70px 0 0 0;} #n-topnav2 {padding:4% 0 0 0; text-align:center;} #n-topnav2 li {display:inline-block; margin:0 0.5% 0.5% 0;} #n-topnav2 li a {float:left; padding:0.5vw 1.2vw; background:#fff; color:#000; display:block;} #n-topnav2 li a:hover {background:#000; color:#fff;} #n-topnav2 .hover a {background:#000; color:#fff;} /*学校介绍*/ #school {padding:2% 0 0 0; text-align:center;} #school .info {padding:4% 15%;} #school .s {margin:22px auto 15px auto; line-height:180%;} #school .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #school img {width:100%;} /*荣誉资质*/ #honor {padding:0 5%;} #honor .swiper-container {height:100%;} #honor .swiper-container img {width:100%;} #honor .swiper-slide {background-position:center; background-size: cover; width:30%;} #honor .info {padding:4% 10%; line-height:180%; text-align:center;} #honor .info span {color:#ccc; padding:0 1%; display: inline-block;} /*合作单位*/ #cooperation {padding:0 0 6% 0;} #cooperation li {width:33.33%; text-align:center; float:left;} #cooperation .s {line-height:180%; padding:5% 20% 0 20%;} /*创始人*/ #founder {background:#fff; padding:1% 5% 0 3%;} #founder .left {float:left; width:30%;} #founder .pic {background:url(../images/founder.jpg) center 0 no-repeat; width:100%; height:611px; } #founder .right {float:left; width:70%;} #founder .info {padding:5% 0 6% 4%;} #founder .s {margin:22px auto 15px auto;} #founder .x {width:60px; height:2px; background:#652f8e; display:block;} #founder .t {padding:5% 0 0 0; line-height:180%;} #founder p {padding:1% 0 0 0;} /*品牌历程*/ #history {padding:0 0 6% 0; margin-top:-2%; } #history .date {color:#fff; font-size:35vw; text-align:center; margin:-7% 0;} #history .info {position:absolute; z-index:2; width:100%; left:10vw; top:15%} #history .info-pic {width:35%; float:left; margin:0 4vw 0 0;} #history .info-pic img {width:100%;} #history .info-txt {width:40%; float:left; margin:3vw 0 0 0; line-height:180%;} #history .tabs {text-align:center;} #history .tabs a {text-align: center;display: inline-block; border-bottom:2px #f5f5f5 solid;color:#666;padding:0.4% 0.1%;margin:0 0.4%;} #history .tabs a.on {color: #000; border-bottom:2px #652f8e solid;} /*专业顶部大图*/ #major-top {overflow:hidden; margin-top:-70px;} /*#major-top .picA {background:url(../images/major1.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picB {background:url(../images/major2.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picC {background:url(../images/major3.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picD {background:url(../images/major4.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picE {background:url(../images/major5.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picF {background:url(../images/major6.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;}*/ #major-top .picA {background:url(../images/hz.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picB {background:url(../images/mj.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picC {background:url(../images/byj.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picD {background:url(../images/mf.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picE {background:url(../images/mjj.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picF {background:url(../images/mr.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .picG {background:url(../images/xxsj.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;} #major-top .font {color:#fff; position:absolute; z-index:3; margin-top:280px; left:14%;} #major-top .font .txta {font-size:64px; padding-top:2%;} #major-top .font .txtb {font-size:16px; width:70%; padding-top:2%; line-height:180%;} /*专业课程*/ #major-course {position:relative;} #major-course li {background:#fff; margin:0 0 2.48% 0; transition: all 0.2s;} #major-course li:hover {box-shadow: 0 0 50px rgba(170, 170, 170, .5); transition: all 0.2s;} #major-course .left {float:left; width:27.3%; margin-right:2.4%; overflow:hidden; max-height:300px; min-height:300px;} #major-course .left img {max-height:300px;} #major-course .info {padding:2.4% 2.4% 0 0;} #major-course .s {line-height:180%; padding:1.6% 0 0 0;} #major-course .more a {float:left; margin:1% 0 0 0; text-align:center; padding:1.2% 0.5%; background:#000; color:#fff; display:block;} #major-course .more a:hover {background:#652f8e; color:#fff;} #major-course .corner1 {position:absolute; right:0; background:url(../images/corner1.png) no-repeat; width:50px; height:50px; background-size:cover;} #major-course .corner2 {position:absolute; right:0; background:url(../images/corner2.png) no-repeat; width:50px; height:50px; background-size:cover;} /*帮你选择*/ #choice {background:#fff; padding:4% 0;} #choice li {width:25%; text-align:center; float:left;} #choice .n {font-size:4vw; padding:0 0 4% 0;} #choice2 {background:#fff; padding:4% 0;} #choice2 li {width:33.33%; text-align:center; float:left;} #choice2 .n {font-size:4vw; padding:0 0 4% 0;} /*学员保障*/ #guarantee {background:#fff; padding:0 0 4% 0; } #guarantee li {width:33.33%; padding:4% 0 0 0; text-align:center; float:left; height:150px;} #guarantee .info {padding:2% 0 0 0;} #guarantee .s {line-height:180%; padding:2% 10% 0 10%;} /*环境列表*/ #environment-list {padding:4% 0 2% 0;} #environment-list ul {width:102.6%;} #environment-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; text-align:center; background:#fff;} #environment-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #environment-list li img {width:100%;} #environment-list .t {padding:5% 0;} /*环境内容*/ #environment-show {overflow:hidden; padding:4% 0; text-align:center;} #environment-show .swiper-container {height:100%;} #environment-show .swiper-container img {max-width:100%;} #environment-show .swiper-button-prev,#environment-show .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment-show:hover .swiper-button-prev,#environment-show:hover .swiper-button-next{display:block;} #environment-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:22px auto 4% auto;} /*师资列表*/ #teacher-list {padding:3% 0 2% 0;} #teacher-list ul {width:102.6%;} #teacher-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #teacher-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #teacher-list li img {width:100%;} #teacher-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher-list li:hover .info {bottom:0;} #teacher-list li .t {margin:8% 0 0 8%;} #teacher-list li .s {margin:4% 0 5% 8%;} #teacher-list li .x {margin:2% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*师资内容*/ #teacher-show {padding:3% 0 4.45% 0;} #teacher-show .content {width:102.6%;} #teacher-show .pic {float:left; width:22.5%; margin-right:4%;} #teacher-show .pic img {width:100%;} #teacher-show .info {float:left; width:70.9%; } #teacher-show .s {margin:22px auto 15px auto;} #teacher-show .x {width:60px; height:2px; background:#652f8e; display:block;} #teacher-show .t {padding:2% 0 0 0; line-height:180%;} /*活动列表*/ #activity-list {padding:4% 0 2% 0;} #activity-list ul {width:102.6%;} #activity-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #activity-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #activity-list li img {width:100%;} #activity-list .t {padding:5%; min-height:58px; max-height:58px; overflow:hidden; line-height:180%;} /*活动内容*/ #activity-show {padding:4% 0 4.45% 0;} #activity-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #activity-show .info img {max-width:100%;} #activity-show h1 {text-align:center;} #activity-show .s {margin:22px auto 15px auto; text-align:center;} #activity-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #activity-show .t {padding:2% 0 0 0; line-height:180%;} /*视频列表*/ #video-list {padding:4% 0 2% 0;} #video-list ul {width:102.6%;} #video-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #video-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #video-list .t {padding:5%; min-height:58px; max-height:58px; overflow:hidden; line-height:180%;} #video-list a:hover .bg {position:absolute; background:#000; width:100%; height:100%; display:block; filter:alpha(opacity=30); opacity:0.3;} #video-list .pic {position:relative;} #video-list .pic img {width:100%;} #video-list a .play{position:absolute; z-index:1; display:none;} #video-list a:hover .play{position:absolute; display:block; top:50%; left:50%; margin-top:-32px; margin-left:-32px; color:#fff; filter:alpha(opacity=80); opacity:0.8;} #video-list .time {position:absolute; bottom:0; right:0; z-index:1; background:#000; color:#fff; padding:2% 3%; filter:alpha(opacity=80); opacity:0.8;} /*视频内容*/ #video-show {padding:4% 0 4.45% 0;} #video-show .info {padding:4% 15%; background:#fff; overflow:hidden;} #video-show .info img {max-width:100%;} #video-show h1 {text-align:center;} #video-show .s {margin:22px auto 15px auto; text-align:center;} #video-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #video-show .t {padding:2% 0 0 0; line-height:180%;} #videoplay {text-align:center; margin:0 0 2.5% 0;} #youkuplayer {text-align:center; margin:0 0 2.5% 0; width:100%;} /*公告列表*/ #notice-list {padding:4% 0 2% 0;} #notice-list li a {margin:0 0 2.48% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block;} #notice-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #notice-list a .date { background:#bbb; float:left; width:100px; height:100px; line-height:100px; color:#fff; text-align:center; } #notice-list a:hover .date {background:#652f8e; color:#fff; } #notice-list .t {margin-left:2.4%; float:left; width:77.6%; height:100px; line-height:100px;} /*图片列表*/ #photo-list {padding:3% 0 2% 0;} #photo-list ul {width:102.6%;} #photo-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #photo-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #photo-list li img {width:100%;} #photo-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #photo-list li:hover .info {bottom:0;} #photo-list li .t {margin:8% 8% 0 8%;} #photo-list li .x {margin:5% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*图片内容*/ #photo-show {padding:3% 0 4.45% 0;} #photo-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #photo-show .info img {max-width:100%;} #photo-show h1 {text-align:center;} #photo-show .x {width:60px; height:2px; margin:22px auto 15px auto; background:#652f8e; display:block;} #photo-show .t {padding:2% 0 0 0; line-height:180%;} /*获奖列表*/ #works-list {padding:4% 0 2% 0;} #works-list ul {width:102.6%;} #works-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #works-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #works-list li img {width:100%;} #works-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #works-list li:hover .info {bottom:0;} #works-list li .t {margin:8% 8% 0 8%;} #works-list li .x {margin:5% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*获奖内容*/ #works-show {padding:4% 0 4.45% 0;} #works-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #works-show .info img {max-width:100%;} #works-show h1 {text-align:center;} #works-show .x {width:60px; height:2px; margin:22px auto 15px auto; background:#652f8e; display:block;} #works-show .t {padding:2% 0 0 0; line-height:180%;} /*翻页按钮*/ .list_page{text-align:center; display:block; padding:0 0 4% 0;} .list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;} .list_page ul li{display:inline-block; margin:0 1px;} .list_page ul a{color:#333;padding:12px 17px; display:block; background:#fff;} .list_page ul a:hover{color:#fff;padding:12px 17px; display:block; background:#000;} .page_group ul li{float:left;} .page_group ul .active a{background:#000; color:#fff;} /*预约报名*/ #book {margin:8% 0 4% 0; background:#fff; padding:4% 0 0 0;} #book .left {float:left; padding:0 4% 4% 4%; margin-right:5%;} #book .right {float:left; padding:1% 0 14% 4%;} #book .bookadd div{margin-bottom:20px;} #book .bookadd .ip{border:1px solid #ddd; padding:12px;} #book .bookadd .tel {border:1px solid #ddd; padding:12px; width:240px;} #book input:focus,#book textarea:focus,#book select:focus {box-shadow:0 0 40px rgba(170, 170, 170, .2);transition: all .3s; color:#000;} #book input,#book textarea,#book select {transition: all .3s; color:#666;} #book .bnt {margin:4% 0 0 0; padding:3% 10%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer;} #book .bnt:hover {background:#000; color:#fff;} #book .right div {margin-bottom:20px;} #book .more a {float:left; width:120px; text-align:center; padding:4% 10%; background:#000; color:#fff; display:block;} #book .more a:hover {background:#652f8e; color:#fff;} /*联系列表*/ #contact-content {margin:8% 0 0 0; padding:4% 0; background:#fff; text-align:center; transition: all 0.2s;} #contact-content:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-content .tel {float:left; width:33.33%;} #contact-content .address {float:left; width:33.33%;} #contact-content .map {float:left; width:33.33%;} #contact-content .gsfont {margin:8% 0 4% 0;} #contact-list {padding:4% 0 2% 0;} #contact-list li{margin:0 0 2.5% 0; padding:3% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block; line-height:140%;} #contact-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-list .t {float:left; text-align:center; width:10%;} #contact-list .tel {float:left; width:25%;} #contact-list .address {float:left; width:46%; padding:0 3%;} #contact-list .address span {float:left; } #contact-list .address p {margin:0;} #contact-list .map {float:left; width:12%;} #contact-list .gsfont {margin-right:15px;} /*联系内容*/ #contact-show {padding:4% 0 4.45% 0;} #contact-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #contact-show .info img {max-width:100%;} #contact-show h1 {text-align:center;} #contact-show .x {width:60px; height:2px; margin:22px auto 15px auto; background:#652f8e; display:block;} #contact-show .t {padding:2% 0 0 0; line-height:180%;} /*右侧QQ*/ #rightqq {position:fixed; right:0; top:0; z-index:99999; height:100%;} #rightqq .info {position:absolute; top:40%; right:10px;} #rightqq .gsfont {text-align:center; background:#0091ed; color:#fff; font-size:50px; width:90px; height:90px; line-height:90px;} #rightqq .text {padding:7px 0; text-align:center; background:#fff;} } /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ /************************************************************************ iPad 横 ********************************************************************************/ /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 769px) and (max-width: 1025px) { body {width:100%; height:100%; margin: 0px; font:lighter 16px Helvetica, \5fae\8f6f\96c5\9ed1, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank); } h1 {font-weight:lighter; font-size:24px;} .f12 {font-size:12px;} .f14 {font-size:14px;} .f16 {font-size:16px;} .f18 {font-size:18px;} .f24 {font-size:24px;} .f28 {font-size:28px;} .f64 {font-size:64px;} /*底部菜单*/ #footer-menu {width:100%; background:#000; position:fixed; bottom:0; left:0; z-index:999999;} #footer-menu ul {height:54px; line-height:54px;} #footer-menu li {float:left; text-align:center; width:50%;} /*顶部菜单*/ #head-block {width:100%; background:#fff; position:fixed; top:0; left:0; z-index:99999999999999; transition: all 0.2s;} #head-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #head-block .logo a {float:left; background:url(../images/logo.png) no-repeat; width:34px; height:34px; background-size:100%; display:block; margin:10px 0 8px 3%;} #head-block .title {margin:14px 0 0 0; text-align:center; font-size:18px;} #head-block .menu {float:right; margin:14px 3% 0 0;} /*顶部菜单-弹出层*/ #head-block #showDiv {background:url(../images/mask_bg.jpg) center 0 no-repeat; background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;} #head-block #showDiv .content {position:absolute; left:10%; top:10%; color:#000; width:80%;} #head-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:40px; height:40px; display:block;} #head-block #showDiv .close a:hover {transform: rotate(90deg);} #head-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;} #head-block #showDiv .list ul {float:left; margin-left:8vw;} #head-block #showDiv .list li {text-align:left; margin:0 0 3vh 0;} /*顶部大图*/ #topbig {overflow:hidden; background:#1a1a1a;} #topbig .swiper-container {height:500px; overflow:hidden;} #topbig .swiper-slide {width:100%; overflow:hidden;} #topbig .picA {background:url(../images/banner.png); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picB {background:url(../images/banner2.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picC {background:url(../images/banner3.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:14%; left:10%;} #topbig .toppic-font .txta {font-size:40px; padding-top:3%;} #topbig .toppic-font .txtb {font-size:16px; padding-top:5%;line-height:180%;} /*左侧菜单*/ #left-block {padding:0 1.28%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:9;transition: all 0.2s; display:none;} #left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #left-block .logo a {background:url(../images/logo.png) no-repeat; width:60px; height:60px; background-size:100%; display:block; margin:30px auto 0 auto;} #left-block .menu {text-align:center; position:relative; top:10%;} #left-block .menu li {margin:0 0 4vh 0;} #left-block .menu-d {position:absolute; left:1.5vw; bottom:4vh; font-size:30px;} #left-block .menu-d li {margin:3vh 0 0 0;} #left-block .menu-d li a {color:#999;} #left-block .menu-d li a:hover {color:#000;} #left-block .menu-d .message {width:11px; height:11px; background:#ff0062; position:absolute; left:20px; border-radius:100px;} /*左侧菜单-弹出层*/ #left-block #showDiv {background:url(../images/mask_bg.jpg); background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;} #left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;} #left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;} #left-block #showDiv .close a:hover {transform: rotate(90deg);} #left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;} #left-block #showDiv .list ul {float:left; margin-left:8vw;} #left-block #showDiv .list li {text-align:left;} /*中间导航*/ #body-menu {width:100%; overflow:hidden;} #body-menu ul {width:102.6%;} #body-menu li a {float:left; background:#fff; padding:1.6% 0; width:23.4%; margin:1.6% 1.6% 0 0; display:block; text-align:center;} #body-menu li a:hover {background:#000; color:#fff;} #body-menu img {width:100%; margin-top:1.6%;} /*主要区块*/ #main-block {margin:0 1.6%;} #main-block .line {margin:6% 0 4% 0; text-align:center;} #main-block .line-s {margin:17px 0;} #main-block .line-x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #main-block .more a {margin:4% auto 0 auto; width:18%; text-align:center; padding:1.2% 0; background:#000; color:#fff; display:block;} #main-block .more a:hover {background:#652f8e; color:#fff;} /*专业培训*/ #major {margin:auto; width:100%; overflow:hidden;} #major ul {width:102.6%; margin-bottom:-2.48%; margin-top:-2.48%;} #major li {float:left; width:23%; margin:2.48% 2% 0 0; transition: all 0.2s;} #major .major-a {background:url(../images/major_a.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-a:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-b {background:url(../images/major_b.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-b:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-c {background:url(../images/major_c.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-c:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-d {background:url(../images/major_d.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-d:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-e {background:url(../images/major_e.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-e:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-f {background:#fff; position:relative; transition: all 0.2s;} #major .major-g {background:url(../images/major_g.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-g:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-h {background:url(../images/major_h.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-h:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .t {padding:50% 0 10% 10%;} #major .t2 {padding:50% 0 10% 10%;} #major .t3 {padding:36% 0 24% 10%;} #major a .more {position:absolute; bottom:14%; right:10%; color:#fff; font-size:1.6vw; border:0.1vw #fff solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more2 {position:absolute; bottom:21%; right:10%; color:#fff; font-size:1.6vw; border:0.1vw #fff solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more2 {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more3 {position:absolute; bottom:21%; right:10%; color:#000; font-size:1.6vw; border:0.1vw #000 solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more3 {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} /*学习环境*/ #environment {overflow:hidden;} #environment .swiper-container {height:100%;} #environment .swiper-container img {width:100%;} #environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;} /*师资团队*/ #teacher {overflow:hidden;} #teacher .swiper-container {height:100%;} #teacher .swiper-container img {width:100%;} #teacher .swiper-button-prev,#teacher .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #teacher:hover .swiper-button-prev,#teacher:hover .swiper-button-next{display:block;} #teacher .swiper-slide {overflow:hidden;} #teacher .info{position:absolute; padding:0 0 8% 0; width:100%; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher .swiper-slide:hover .info{bottom:0;} #teacher .t {margin:8% 8% 0 8%;} #teacher .s {margin:4% 0 5% 8%;} #teacher .x {margin:2% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*为什么*/ #why a {margin:6% 0 4% 0; padding:13.7% 0; display:block; text-align:center; background:url(../images/why.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #why a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #why .t {font-size:3vw;} #why .s {margin:22px auto;} #why .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} /*为什么内容*/ #why-show {padding:4% 0 0 0;} #why-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #why-show h1 {text-align:center; margin:0 auto 15px auto;} #why-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #why-show {text-align:center; line-height:150%;} #why-show tr {background:#fff;} #why-show tr:hover {background:#f5f5f5;} #why-show td {padding:2% 4%; width:50%; border-bottom:1px #eee solid;} #why-show .bg1 {background:#652f8e;} #why-show .bg2 {background:#eeeeee;} /*选择测试内容*/ #choice-show {padding:4% 0 0 0;} #choice-show .info {padding:4% 15%; background:#fff; overflow:hidden;} #choice-show h1 {text-align:center; margin:0 auto 15px auto;} #choice-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #choice-show .progress {padding:4% 0 3% 0;} #choice-show .progress .picbg {background:#eee; height:2px;} #choice-show .progress .picbg span{background:#652f8e; display:block; float:left;height:2px;} #choice-show .test li{width:100%; padding:30px 0 0 0;} #choice-show .hidden{display:none;} #choice-show .but {margin:35px 0 0 0; padding:1.5% 8%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer;} #choice-show .select {margin-right:10px; cursor:pointer;} #choice-show #Result p {margin:2% 0;} /*客服联系*/ #service-contact {background:#fff;} #service-contact li {float:left; width:33.33%; text-align:center; padding:2% 0 3% 0;} #service-contact a .gsfont {padding:3% 0; font-size:3vw; color:#652f8e; transition: all 0.2s;} #service-contact a:hover .gsfont {color:#666; transition: all 0.2s;} /*视频*/ #video {margin:6% 0 4% 0; padding:11% 0; display:block; transition: all 0.2s; background:url(../images/video.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #video .block {margin:0 1.6%; text-align:center;} #video .play a {font-size:7vw; color:#fff; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4; width:100%;} #video .play a:hover {transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #video .t {margin:2% 0 0 0;} #video .s {margin:17px auto;} #video .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} /*新闻活动*/ #news {margin:auto; width:100%; overflow:hidden;} #news ul {width:102.6%;} #news li {width:22.5%; float:left; margin:0 2.48% 0 0; transition: all 0.2s; background:#fff;} #news li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #news li img {width:100%;} #news .t {padding:5%; min-height:50px; max-height:50px; overflow:hidden; line-height:180%;} /*造型图赏*/ #work .swiper-container {height:100%;} #work .swiper-container img {width:100%;} #work .swiper-button-prev,#work .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #work:hover .swiper-button-prev,#work:hover .swiper-button-next{display:block;} #work .swiper-slide {overflow:hidden;} /*预约联系*/ #contact {margin:-4% 0 2% 0; text-align:center; } #contact .tab-menu {padding:3% 0 0 0;} #contact .tab-menu ul {display:inline-block; text-align:center;} #contact .tab-menu li {float:left; cursor:pointer; margin:5px; text-align:center; padding:0.5vw 1.2vw; background:#fff; color:#000;} #contact .tab-menu li.select {background:#000; color:#fff;} #contact .tab-content ul {display:inline-block; text-align:center; padding:2% 0 0 0;} #contact .tab-content li {display:none; padding:0 0 2% 0;} #contact .tab-content .gsfont {margin-right:10px;} /*底部*/ #footer {padding:3% 0; background:#111; overflow:hidden;} #footer .content {margin:0 4.7% 0 6%; color:#999; width:102%; overflow:hidden;} #footer .content ul { margin:0 4% 0 0; width:19%; float:left; overflow:hidden;} #footer .content li {float:left; margin:10% 10% 0 0;} #footer .content li a {color:#999;} #footer .content li a:hover {color:#666;} #copyright {background:#000; text-align:center; padding:1.6% 0; margin:0 0 54px 0;} #copyright .content {margin:0 4.7% 0 9.7%; color:#999;} #copyright .content a {color:#999;} #copyright .content a:hover {color:#666;} /*******************************************内页**********************************************/ #n-topnav {background:#fff; top:0; left:9.1%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s; display:none;} #n-topnav:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #n-topnav ul {float:right; height:68px;} #n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;} #n-topnav li a {display: block; border-bottom:0px #ffffff solid;} #n-topnav li a:hover {border-bottom:2px #652f8e solid;} #n-topnav .hover {border-bottom:2px #652f8e solid;} #n-topnav .hover a:hover {border-bottom:0px;} #n-topheight {margin:60px 0 0 0;} #n-topnav2 {padding:4% 0 0 0; text-align:center;} #n-topnav2 li {display:inline-block; margin:0 0.5% 0.5% 0;} #n-topnav2 li a {float:left; padding:0.5vw 1.2vw; background:#fff; color:#000; display:block;} #n-topnav2 li a:hover {background:#000; color:#fff;} #n-topnav2 .hover a {background:#000; color:#fff;} /*学校介绍*/ #school {padding:2% 0 0 0; text-align:center;} #school .info {padding:4% 15%;} #school .s {margin:22px auto 15px auto; line-height:180%;} #school .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #school img {width:100%;} /*荣誉资质*/ #honor {padding:0 5%;} #honor .swiper-container {height:100%;} #honor .swiper-container img {width:100%;} #honor .swiper-slide {background-position:center; background-size: cover; width:35.05%;} #honor .info {padding:4% 10%; line-height:180%; text-align:center;} #honor .info span {color:#ccc; padding:0 1%; display: inline-block;} /*合作单位*/ #cooperation {padding:0 0 6% 0;} #cooperation li {width:33.33%; text-align:center; float:left;} #cooperation .s {line-height:180%; padding:5% 20% 0 20%;} /*创始人*/ #founder {background:#fff; padding:1% 5% 0 3%;} #founder .left {float:left; width:30%;} #founder .pic {background:url(../images/founder.jpg) center 0 no-repeat; width:100%; height:611px; } #founder .right {float:left; width:70%;} #founder .info {padding:5% 0 6% 4%;} #founder .s {margin:22px auto 15px auto;} #founder .x {width:60px; height:2px; background:#652f8e; display:block;} #founder .t {padding:5% 0 0 0; line-height:180%;} #founder p {padding:1% 0 0 0;} /*品牌历程*/ #history {padding:0 0 6% 0; margin-top:-2%; } #history .date {color:#fff; font-size:35vw; text-align:center; margin:-7% 0;} #history .info {position:absolute; z-index:2; width:100%; left:10vw; top:15%} #history .info-pic {width:35%; float:left; margin:0 4vw 0 0;} #history .info-pic img {width:100%;} #history .info-txt {width:40%; float:left; margin:3vw 0 0 0; line-height:180%;} #history .tabs {text-align:center;} #history .tabs a {text-align: center;display: inline-block; border-bottom:2px #f5f5f5 solid;color:#666;padding:0.4% 0.1%;margin:0 0.4%;} #history .tabs a.on {color: #000; border-bottom:2px #652f8e solid;} /*专业顶部大图*/ #major-top {overflow:hidden; margin-top:-70px;} /*#major-top .picA {background:url(../images/major1.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picB {background:url(../images/major2.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picC {background:url(../images/major3.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picD {background:url(../images/major4.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picE {background:url(../images/major5.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picF {background:url(../images/major6.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;}*/ #major-top .picA {background:url(../images/hz.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picB {background:url(../images/mj.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picC {background:url(../images/byj.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picD {background:url(../images/mf.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picE {background:url(../images/mjj.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picF {background:url(../images/mr.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .picG {background:url(../images/xxsj.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;} #major-top .font {color:#fff; position:absolute; z-index:3; margin-top:150px; left:8%;} #major-top .font .txta {font-size:40px; padding-top:2%;} #major-top .font .txtb {font-size:16px; width:70%; padding-top:2%; line-height:180%;} /*专业课程*/ #major-course {position:relative;} #major-course li {background:#fff; margin:0 0 2.48% 0; transition: all 0.2s;} #major-course li:hover {box-shadow: 0 0 50px rgba(170, 170, 170, .5); transition: all 0.2s;} #major-course .left {float:left; width:33%; margin-right:2.4%; overflow:hidden; max-height:280px; min-height:280px;} #major-course .left img {max-height:280px;} #major-course .info {padding:2.4% 2.4% 0 0;} #major-course .s {line-height:180%; padding:1.6% 0 0 0;} #major-course .more a {float:left; margin:1% 0 0 0; text-align:center; padding:1.2% 0.5%; background:#000; color:#fff; display:block;} #major-course .more a:hover {background:#652f8e; color:#fff;} #major-course .corner1 {position:absolute; right:0; background:url(../images/corner1.png) no-repeat; width:50px; height:50px; background-size:cover;} #major-course .corner2 {position:absolute; right:0; background:url(../images/corner2.png) no-repeat; width:50px; height:50px; background-size:cover;} /*帮你选择*/ #choice {background:#fff; padding:4% 0;} #choice li {width:25%; text-align:center; float:left;} #choice .n {font-size:4vw; padding:0 0 4% 0;} #choice2 {background:#fff; padding:4% 0;} #choice2 li {width:33.33%; text-align:center; float:left;} #choice2 .n {font-size:4vw; padding:0 0 4% 0;} /*学员保障*/ #guarantee {background:#fff; padding:0 0 4% 0; overflow:hidden;} #guarantee ul {width:102.6%; overflow:hidden;} #guarantee li {width:30%; padding:4% 0 0 2%; text-align:center; float:left; height:160px;} #guarantee .info {padding:2% 0 0 0;} #guarantee .s {line-height:180%; padding:2% 9% 0 9%;} /*环境列表*/ #environment-list {padding:4% 0 2% 0; width:100%; overflow:hidden;} #environment-list ul {width:102.6%;} #environment-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; text-align:center; background:#fff;} #environment-list li img {width:100%;} #environment-list .t {padding:5% 0;} /*环境内容*/ #environment-show {overflow:hidden; padding:4% 0; text-align:center;} #environment-show .swiper-container {height:100%;} #environment-show .swiper-container img {max-width:100%;} #environment-show .swiper-button-prev,#environment-show .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment-show:hover .swiper-button-prev,#environment-show:hover .swiper-button-next{display:block;} #environment-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:22px auto 4% auto;} /*师资列表*/ #teacher-list {padding:3% 0 2% 0; width:100%; overflow:hidden;} #teacher-list ul {width:102.6%;} #teacher-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #teacher-list li img {width:100%;} #teacher-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher-list li:hover .info {bottom:0;} #teacher-list li .t {margin:8% 0 0 8%;} #teacher-list li .s {margin:4% 0 5% 8%;} #teacher-list li .x {margin:2% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*师资内容*/ #teacher-show {padding:3% 0 4.45% 0; width:100%; overflow:hidden;} #teacher-show .content {width:102.6%;} #teacher-show .pic {float:left; width:22.5%; margin-right:4%;} #teacher-show .pic img {width:100%;} #teacher-show .info {float:left; width:68.9%; } #teacher-show .s {margin:22px auto 15px auto;} #teacher-show .x {width:60px; height:2px; background:#652f8e; display:block;} #teacher-show .t {padding:2% 0 0 0; line-height:180%;} /*活动列表*/ #activity-list {padding:4% 0 2% 0; width:100%; overflow:hidden;} #activity-list ul {width:102.6%;} #activity-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #activity-list li img {width:100%;} #activity-list .t {padding:5%; min-height:50px; max-height:50px; overflow:hidden; line-height:180%;} /*活动内容*/ #activity-show {padding:4% 0 4.45% 0;} #activity-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #activity-show .info img {max-width:100%;} #activity-show h1 {text-align:center;} #activity-show .s {margin:22px auto 15px auto; text-align:center;} #activity-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #activity-show .t {padding:2% 0 0 0; line-height:180%;} /*视频列表*/ #video-list {padding:4% 0 2% 0; width:100%; overflow:hidden;} #video-list ul {width:100%;} #video-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #video-list .t {padding:5%; min-height:52px; max-height:52px; overflow:hidden; line-height:180%;} #video-list a:hover .bg {position:absolute; background:#000; width:100%; height:100%; display:block; filter:alpha(opacity=30); opacity:0.3;} #video-list .pic {position:relative;} #video-list .pic img {width:100%;} #video-list a .play{position:absolute; z-index:1; display:none;} #video-list a:hover .play{position:absolute; display:block; top:50%; left:50%; margin-top:-32px; margin-left:-32px; color:#fff; filter:alpha(opacity=80); opacity:0.8;} #video-list .time {position:absolute; bottom:0; right:0; z-index:1; background:#000; color:#fff; padding:2% 3%; filter:alpha(opacity=80); opacity:0.8;} /*视频内容*/ #video-show {padding:4% 0 4.45% 0;} #video-show .info {padding:4% 15%; background:#fff; overflow:hidden;} #video-show .info img {max-width:100%;} #video-show h1 {text-align:center;} #video-show .s {margin:22px auto 15px auto; text-align:center;} #video-show .x {width:60px; height:2px; background:#652f8e; display:block; margin:auto;} #video-show .t {padding:2% 0 0 0; line-height:180%;} #videoplay {text-align:center; margin:0 0 2.5% 0;} #youkuplayer {text-align:center; margin:0 0 2.5% 0; width:100%;} /*公告列表*/ #notice-list {padding:4% 0 2% 0;} #notice-list li a {margin:0 0 2.48% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block;} #notice-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #notice-list a .date { background:#bbb; float:left; width:80px; height:80px; line-height:80px; color:#fff; text-align:center; } #notice-list a:hover .date {background:#652f8e; color:#fff; } #notice-list .t {margin-left:2.4%; float:left; width:77.6%; height:80px; line-height:80px;} /*图片列表*/ #photo-list {padding:3% 0 2% 0; width:100%; overflow:hidden;} #photo-list ul {width:102.6%;} #photo-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #photo-list li img {width:100%;} #photo-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #photo-list li:hover .info {bottom:0;} #photo-list li .t {margin:8% 8% 0 8%;} #photo-list li .x {margin:5% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*图片内容*/ #photo-show {padding:3% 0 4.45% 0;} #photo-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #photo-show .info img {max-width:100%;} #photo-show h1 {text-align:center;} #photo-show .x {width:60px; height:2px; margin:22px auto 15px auto; background:#652f8e; display:block;} #photo-show .t {padding:2% 0 0 0; line-height:180%;} /*获奖列表*/ #works-list {padding:4% 0 2% 0; width:100%; overflow:hidden;} #works-list ul {width:102.6%;} #works-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #works-list li img {width:100%;} #works-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #works-list li:hover .info {bottom:0;} #works-list li .t {margin:8% 8% 0 8%;} #works-list li .x {margin:5% 0 0 8%; width:60px; height:2px; background:#652f8e; display:block;} /*获奖内容*/ #works-show {padding:4% 0 4.45% 0;} #works-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #works-show .info img {max-width:100%;} #works-show h1 {text-align:center;} #works-show .x {width:60px; height:2px; margin:22px auto 15px auto; background:#652f8e; display:block;} #works-show .t {padding:2% 0 0 0; line-height:180%;} /*翻页按钮*/ .list_page{text-align:center; display:block; padding:0 0 4% 0;} .list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;} .list_page ul li{display:inline-block; margin:0 1px;} .list_page ul a{color:#333;padding:8px 13px; display:block; background:#fff;} .list_page ul a:hover{color:#fff;padding:8px 13px; display:block; background:#000;} .page_group ul li{float:left;} .page_group ul .active a{background:#000; color:#fff;} /*预约报名*/ #book {margin:8% 0 4% 0; background:#fff; padding:4% 0 0 0;} #book .left {float:left; padding:0 4% 4% 4%; margin-right:5%;} #book .right {float:left; padding:1% 0 14% 4%;} #book .bookadd div{margin-bottom:20px;} #book .bookadd .ip{border:1px solid #ddd; padding:12px;} #book .bookadd .tel {border:1px solid #ddd; padding:12px; width:240px;} #book input:focus,#book textarea:focus,#book select:focus {box-shadow:0 0 40px rgba(170, 170, 170, .2);transition: all .3s; color:#000;} #book input,#book textarea,#book select {transition: all .3s; color:#666;} #book .bnt {margin:4% 0 0 0; padding:3% 10%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer;} #book .bnt:hover {background:#000; color:#fff;} #book .right div {margin-bottom:20px;} #book .more a {float:left; width:120px; text-align:center; padding:4% 10%; background:#000; color:#fff; display:block;} #book .more a:hover {background:#652f8e; color:#fff;} /*联系列表*/ #contact-content {margin:8% 0 0 0; padding:4% 0; background:#fff; text-align:center; transition: all 0.2s;} #contact-content:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-content .tel {float:left; width:33.33%;} #contact-content .address {float:left; width:33.33%;} #contact-content .map {float:left; width:33.33%;} #contact-content .gsfont {margin:8% 0 4% 0;} #contact-list {padding:4% 0 2% 0;} #contact-list li{margin:0 0 2.5% 0; padding:3% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block; line-height:140%;} #contact-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-list .t {float:left; text-align:center; width:10%;} #contact-list .tel {float:left; width:25%;} #contact-list .address {float:left; width:46%; padding:0 3%;} #contact-list .address span {float:left; } #contact-list .address p {margin:0;} #contact-list .map {float:left; width:12%;} #contact-list .gsfont {margin-right:5px;} /*联系内容*/ #contact-show {padding:4% 0 4.45% 0;} #contact-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #contact-show .info img {max-width:100%;} #contact-show h1 {text-align:center;} #contact-show .x {width:60px; height:2px; margin:22px auto 15px auto; background:#652f8e; display:block;} #contact-show .t {padding:2% 0 0 0; line-height:180%;} /*右侧QQ*/ #rightqq {position:fixed; right:1.6%; top:0; z-index:99999; height:100%;} #rightqq .info {position:absolute; top:40%; right:1.6%;} #rightqq .gsfont {text-align:center; background:#0091ed; color:#fff; font-size:50px; width:80px; height:80px; line-height:80px;} #rightqq .text {padding:5px 0; text-align:center; background:#fff;} } /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ /************************************************************************ iPad 竖 ********************************************************************************/ /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 481px) and (max-width: 768px) { body {width:100%; height:100%; margin: 0px; font:14px Helvetica, \5fae\8f6f\96c5\9ed1, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank); } h1 {font-size:24px;} .f12 {font-size:10px;} .f14 {font-size:12px;} .f16 {font-size:14px;} .f18 {font-size:16px;} .f24 {font-size:18px;} .f28 {font-size:22px;} .f64 {font-size:34px;} /*底部菜单*/ #footer-menu {width:100%; background:#000; position:fixed; bottom:0; left:0; z-index:999999;} #footer-menu ul {height:45px; line-height:45px;} #footer-menu li {float:left; text-align:center; width:50%;} /*顶部菜单*/ #head-block {width:100%; background:#fff; position:fixed; top:0; left:0; z-index:99999999999999; transition: all 0.2s;} #head-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #head-block .logo a {float:left; background:url(../images/logo.png) no-repeat; width:29px; height:29px; background-size:100%; display:block; margin:8px 0 6px 3%;} #head-block .title {margin:11px 0 0 0; text-align:center; font-size:16px;} #head-block .menu {float:right; margin:12px 3% 0 0; font-size:18px;} /*顶部菜单-弹出层*/ #head-block #showDiv {background:url(../images/mask_bg.jpg) center center no-repeat; background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;} #head-block #showDiv .content {position:absolute; left:10%; top:10%; color:#000; width:80%;} #head-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:30px; height:30px; display:block;} #head-block #showDiv .close a:hover {transform: rotate(90deg);} #head-block #showDiv .list {padding:0; overflow:hidden; margin:2px 0 0 0;} #head-block #showDiv .list ul {float:left; margin-left:8vw;} #head-block #showDiv .list li {text-align:left; margin:0 0 3vh 0;} /*顶部大图*/ #topbig {overflow:hidden; background:#1a1a1a;} #topbig .swiper-container {height:400px; overflow:hidden;} #topbig .swiper-slide {width:100%; overflow:hidden;} #topbig .picA {background:url(../images/banner.png); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picB {background:url(../images/banner2.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picC {background:url(../images/banner3.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:14%; left:10%;} #topbig .toppic-font .txta {font-size:34px; padding-top:3%;} #topbig .toppic-font .txtb {font-size:14px; padding-top:5%;line-height:180%;} /*左侧菜单*/ #left-block {padding:0 1.28%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:9;transition: all 0.2s; display:none;} #left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #left-block .logo a {background:url(../images/logo.png) no-repeat; width:60px; height:60px; background-size:100%; display:block; margin:30px auto 0 auto;} #left-block .menu {text-align:center; position:relative; top:10%;} #left-block .menu li {margin:0 0 4vh 0;} #left-block .menu-d {position:absolute; left:1.5vw; bottom:4vh; font-size:30px;} #left-block .menu-d li {margin:3vh 0 0 0;} #left-block .menu-d li a {color:#999;} #left-block .menu-d li a:hover {color:#000;} #left-block .menu-d .message {width:11px; height:11px; background:#ff0062; position:absolute; left:20px; border-radius:100px;} /*左侧菜单-弹出层*/ #left-block #showDiv {background:url(../images/mask_bg.jpg); background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;} #left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;} #left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;} #left-block #showDiv .close a:hover {transform: rotate(90deg);} #left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;} #left-block #showDiv .list ul {float:left; margin-left:8vw;} #left-block #showDiv .list li {text-align:left;} /*中间导航*/ #body-menu {width:100%; overflow:hidden;} #body-menu ul {width:102.6%;} #body-menu li a {float:left; background:#fff; padding:1.6% 0; width:23.4%; margin:1.6% 1.6% 0 0; display:block; text-align:center;} #body-menu li a:hover {background:#000; color:#fff;} #body-menu img {width:100%; margin-top:1.6%;} /*主要区块*/ #main-block {margin:0 1.6%;} #main-block .line {margin:5% 0 3% 0; text-align:center;} #main-block .line-s {margin:12px 0;} #main-block .line-x {width:60px; height:1px; background:#652f8e; display:block; margin:auto;} #main-block .more a {margin:4% auto 0 auto; width:18%; text-align:center; padding:1.2% 0; background:#000; color:#fff; display:block;} #main-block .more a:hover {background:#652f8e; color:#fff;} /*专业培训*/ #major {margin:auto; width:100%; overflow:hidden;} #major ul {width:102.6%; margin-bottom:-2.48%; margin-top:-2.48%;} #major li {float:left; width:47.52%; margin:2.48% 2.48% 0 0; transition: all 0.2s;} #major .major-a {background:url(../images/major_a.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-a:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-b {background:url(../images/major_b.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-b:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-c {background:url(../images/major_c.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-c:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-d {background:url(../images/major_d.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-d:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-e {background:url(../images/major_e.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-e:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-f {background:#fff; position:relative; transition: all 0.2s;} #major .major-g {background:url(../images/major_g.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-g:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-h {background:url(../images/major_h.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-h:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .t {padding:50% 0 10% 10%; font-size:20px;} #major .t2 {padding:50% 0 10% 10%; font-size:20px;} #major .t3 {padding:36% 0 24% 10%; font-size:20px;} #major a .more {position:absolute; bottom:14%; right:10%; color:#fff; font-size:1.6vw; border:0.1vw #fff solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more2 {position:absolute; bottom:21%; right:10%; color:#fff; font-size:1.6vw; border:0.1vw #fff solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more2 {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more3 {position:absolute; bottom:21%; right:10%; color:#000; font-size:1.6vw; border:0.1vw #000 solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more3 {color:#652f8e; right:9%; border:0.1vw #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} /*学习环境*/ #environment {overflow:hidden;} #environment .swiper-container {height:100%;} #environment .swiper-container img {width:100%;} #environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;} /*师资团队*/ #teacher {overflow:hidden;} #teacher .swiper-container {height:100%;} #teacher .swiper-container img {width:100%;} #teacher .swiper-button-prev,#teacher .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #teacher:hover .swiper-button-prev,#teacher:hover .swiper-button-next{display:block;} #teacher .swiper-slide {overflow:hidden;} #teacher .info{position:absolute; padding:0 0 8% 0; width:100%; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher .swiper-slide:hover .info{bottom:0;} #teacher .t {margin:8% 8% 0 8%;} #teacher .s {margin:4% 0 5% 8%;} #teacher .x {margin:2% 0 0 8%; width:60px; height:1px; background:#652f8e; display:block;} /*为什么*/ #why a {margin:6% 0 4% 0; padding:13.7% 0; display:block; text-align:center; background:url(../images/why.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #why a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #why .t {font-size:3vw;} #why .s {margin:12px auto;} #why .x {width:60px; height:1px; background:#652f8e; display:block; margin:auto;} /*为什么内容*/ #why-show {padding:4% 0 0 0;} #why-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #why-show h1 {text-align:center; margin:0 auto 15px auto;} #why-show .x {width:60px; height:1px; background:#652f8e; display:block; margin:auto;} #why-show {text-align:center; line-height:150%;} #why-show tr {background:#fff;} #why-show tr:hover {background:#f5f5f5;} #why-show td {padding:2% 4%; width:50%; border-bottom:1px #eee solid;} #why-show .bg1 {background:#652f8e;} #why-show .bg2 {background:#eeeeee;} /*选择测试内容*/ #choice-show {padding:4% 0 0 0;} #choice-show .info {padding:4% 15%; background:#fff; overflow:hidden;} #choice-show h1 {text-align:center; margin:0 auto 15px auto;} #choice-show .x {width:60px; height:1px; background:#652f8e; display:block; margin:auto;} #choice-show .progress {padding:4% 0 3% 0;} #choice-show .progress .picbg {background:#eee; height:2px;} #choice-show .progress .picbg span{background:#652f8e; display:block; float:left;height:2px;} #choice-show .test li{width:100%; padding:30px 0 0 0;} #choice-show .hidden{display:none;} #choice-show .but {margin:35px 0 0 0; padding:1.5% 8%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer;} #choice-show .select {margin-right:10px; cursor:pointer;} #choice-show #Result p {margin:2% 0;} /*客服联系*/ #service-contact {background:#fff;} #service-contact li {float:left; width:33.33%; text-align:center; padding:2% 0 3% 0;} #service-contact a .gsfont {padding:3% 0; font-size:4vw; color:#652f8e; transition: all 0.2s;} #service-contact a:hover .gsfont {color:#666; transition: all 0.2s;} /*视频*/ #video {margin:6% 0 4% 0; padding:11% 0; display:block; transition: all 0.2s; background:url(../images/video.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #video .block {margin:0 1.6%; text-align:center;} #video .play a {font-size:7vw; color:#fff; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4; width:100%;} #video .play a:hover {transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #video .t {margin:2% 0 0 0;} #video .s {margin:1% auto 1.3% auto;} #video .x {width:60px; height:1px; background:#652f8e; display:block; margin:auto;} /*新闻活动*/ #news {margin:auto; width:100%;} #news ul {width:102.6%;} #news li {width:22.5%; float:left; margin:0 2.48% 0 0; transition: all 0.2s; background:#fff;} #news li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #news li img {width:100%;} #news .t {padding:5%; min-height:46px; max-height:46px; overflow:hidden; line-height:180%;} /*造型图赏*/ #work .swiper-container {height:100%;} #work .swiper-container img {width:100%;} #work .swiper-button-prev,#work .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #work:hover .swiper-button-prev,#work:hover .swiper-button-next{display:block;} #work .swiper-slide {overflow:hidden;} /*预约联系*/ #contact {margin:-4% 0 2% 0; text-align:center;} #contact .tab-menu {padding:3% 0 0 0; font-size:12px;} #contact .tab-menu ul {display:inline-block; text-align:center;} #contact .tab-menu li {float:left; cursor:pointer; margin:5px; text-align:center; padding:0.5vw 1.2vw; background:#fff; color:#000;} #contact .tab-menu li.select {background:#000; color:#fff;} #contact .tab-content ul {display:inline-block; text-align:center; padding:2% 0 0 0; font-size:12px;} #contact .tab-content li {display:none; padding:0 0 2% 0;} #contact .tab-content .gsfont {margin-right:10px;} /*底部*/ #footer {padding:3% 0; background:#111; overflow:hidden; font-size:12px;} #footer .content {margin:0 4.7% 0 6%; color:#999; width:102%; overflow:hidden;} #footer .content ul { margin:0 4% 0 0; width:19%; float:left; overflow:hidden;} #footer .content li {float:none; margin:10% 10% 0 0; } #footer .content li a {color:#999;} #footer .content li a:hover {color:#666;} #copyright {background:#000; text-align:center; padding:1.6% 0; margin:0 0 45px 0;} #copyright .content {margin:0 4.7% 0 9.7%; color:#999; -webkit-transform:scale(0.9);} #copyright .content a {color:#999;} #copyright .content a:hover {color:#666;} /*******************************************内页**********************************************/ #n-topnav {background:#fff; top:0; left:9.1%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s; display:none;} #n-topnav:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #n-topnav ul {float:right; height:68px;} #n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;} #n-topnav li a {display: block; border-bottom:0px #ffffff solid;} #n-topnav li a:hover {border-bottom:2px #652f8e solid;} #n-topnav .hover {border-bottom:2px #652f8e solid;} #n-topnav .hover a:hover {border-bottom:0px;} #n-topheight {margin:50px 0 0 0;} #n-topnav2 {padding:4% 0 0 0; text-align:center;} #n-topnav2 li {display:inline-block; margin:0 0.5% 0.5% 0;} #n-topnav2 li a {float:left; padding:0.5vw 1.2vw; background:#fff; color:#000; display:block;} #n-topnav2 li a:hover {background:#000; color:#fff;} #n-topnav2 .hover a {background:#000; color:#fff;} /*学校介绍*/ #school {padding:2% 0 0 0; text-align:center;} #school .info {padding:4% 10%;} #school .s {margin:22px auto 15px auto; line-height:180%;} #school .x {width:60px; height:1px; background:#652f8e; display:block; margin:auto;} #school img {width:100%;} /*荣誉资质*/ #honor {padding:0 5%;} #honor .swiper-container {height:100%;} #honor .swiper-container img {width:100%;} #honor .swiper-slide {background-position:center; background-size: cover; width:35.25%;} #honor .info {padding:4% 10%; line-height:180%; text-align:center;} #honor .info span {color:#ccc; padding:0 1%; display: inline-block;} /*合作单位*/ #cooperation {padding:0 0 6% 0;} #cooperation li {width:33.33%; text-align:center; float:left;} #cooperation .s {line-height:180%; padding:5% 20% 0 20%;} /*创始人*/ #founder {background:#fff; padding:1% 5% 0 3%;} #founder .left {float:left; width:30%;} #founder .pic {background:url(../images/founder.jpg) center 0 no-repeat; width:100%; height:611px; } #founder .right {float:left; width:70%;} #founder .info {padding:5% 0 6% 4%;} #founder .s {margin:22px auto 15px auto;} #founder .x {width:60px; height:1px; background:#652f8e; display:block;} #founder .t {padding:5% 0 0 0; line-height:180%;} #founder p {padding:1% 0 0 0;} /*品牌历程*/ #history {padding:0 0 6% 0; margin-top:-2%; } #history .date {color:#fff; font-size:35vw; text-align:center; margin:-7% 0;} #history .info {position:absolute; z-index:2; width:100%; left:10vw; top:15%} #history .info-pic {width:35%; float:left; margin:0 4vw 0 0;} #history .info-pic img {width:100%;} #history .info-txt {width:40%; float:left; margin:3vw 0 0 0; line-height:180%;} #history .tabs {text-align:center;} #history .tabs a {text-align: center;display: inline-block; border-bottom:2px #f5f5f5 solid;color:#666;padding:0.4% 0.1%;margin:0 0.4%;} #history .tabs a.on {color: #000; border-bottom:1px #652f8e solid;} /*专业顶部大图*/ #major-top {overflow:hidden; margin-top:-70px;} /*#major-top .picA {background:url(../images/major1.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picB {background:url(../images/major2.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picC {background:url(../images/major3.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picD {background:url(../images/major4.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picE {background:url(../images/major5.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picF {background:url(../images/major6.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;}*/ #major-top .picA {background:url(../images/hz.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picB {background:url(../images/mj.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picC {background:url(../images/byj.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picD {background:url(../images/mf.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picE {background:url(../images/mjj.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picF {background:url(../images/mr.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .picG {background:url(../images/xxsj.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;} #major-top .font {color:#fff; position:absolute; z-index:3; margin-top:120px; left:10%;} #major-top .font .txta {font-size:34px; padding-top:2%;} #major-top .font .txtb {font-size:12px; width:70%; padding-top:2%; line-height:180%;} /*专业课程*/ #major-course {position:relative;} #major-course li {background:#fff; margin:0 0 2.48% 0; transition: all 0.2s;} #major-course li:hover {box-shadow: 0 0 50px rgba(170, 170, 170, .5); transition: all 0.2s;} #major-course .left {float:none; width:100%; margin-right:100%; overflow:hidden; /*max-height:240px; min-height:240px;*/} #major-course .left img {/*max-height:240px;*/width:100%;} #major-course .info {padding:3%;} #major-course .s {line-height:180%; padding:1.6% 0 0 0;} #major-course .more{ padding-bottom:30px; } #major-course .more a {float:left; margin:1% 0 0 0; text-align:center; padding:1.2% 0.5%; background:#000; color:#fff; display:block;} #major-course .more a:hover {background:#652f8e; color:#fff;} #major-course .corner1 {position:absolute; right:0; background:url(../images/corner1.png) no-repeat; width:50px; height:50px; background-size:cover;} #major-course .corner2 {position:absolute; right:0; background:url(../images/corner2.png) no-repeat; width:50px; height:50px; background-size:cover;} /*帮你选择*/ #choice {background:#fff; padding:4% 0;} #choice li {width:25%; text-align:center; float:left;} #choice .n {font-size:4vw; padding:0 0 4% 0;} #choice2 {background:#fff; padding:4% 0;} #choice2 li {width:33.33%; text-align:center; float:left;} #choice2 .n {font-size:4vw; padding:0 0 4% 0;} /*学员保障*/ #guarantee {background:#fff; padding:0 0 4% 0; overflow:hidden;} #guarantee ul {width:102.6%; overflow:hidden;} #guarantee li {width:30%; padding:4% 0 0 2%; text-align:center; float:left; height:110px;} #guarantee .info {padding:2% 0 0 0;} #guarantee .s {line-height:180%; padding:2% 9% 0 9%; font-size:12px;} /*环境列表*/ #environment-list {padding:4% 0 2% 0; width:100%; overflow:hidden;} #environment-list ul {width:102.6%;} #environment-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; text-align:center; background:#fff;} #environment-list li img {width:100%;} #environment-list .t {padding:5% 0;} /*环境内容*/ #environment-show {overflow:hidden; padding:4% 0; text-align:center;} #environment-show .swiper-container {height:100%;} #environment-show .swiper-container img {max-width:100%;} #environment-show .swiper-button-prev,#environment-show .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment-show:hover .swiper-button-prev,#environment-show:hover .swiper-button-next{display:block;} #environment-show .x {width:60px; height:1px; background:#652f8e; display:block; margin:12px auto;} /*师资列表*/ #teacher-list {padding:3% 0 2% 0; width:100%; overflow:hidden;} #teacher-list ul {width:102.6%;} #teacher-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #teacher-list li img {width:100%;} #teacher-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher-list li:hover .info {bottom:0;} #teacher-list li .t {margin:8% 8% 0 8%;} #teacher-list li .s {margin:4% 0 5% 8%;} #teacher-list li .x {margin:2% 0 0 8%; width:60px; height:1px; background:#652f8e; display:block;} /*师资内容*/ #teacher-show {padding:3% 0 4.45% 0; width:100%; overflow:hidden;} #teacher-show .content {width:102.6%;} #teacher-show .pic {float:left; width:22.5%; margin-right:4%;} #teacher-show .pic img {width:100%;} #teacher-show .info {float:left; width:68.9%; } #teacher-show .s {margin:12px auto;} #teacher-show .x {width:60px; height:1px; background:#652f8e; display:block;} #teacher-show .t {padding:2% 0 0 0; line-height:180%;} /*活动列表*/ #activity-list {padding:4% 0 2% 0; width:100%; overflow:hidden;} #activity-list ul {width:102.6%;} #activity-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #activity-list li img {width:100%;} #activity-list .t {padding:5%; min-height:46px; max-height:46px; overflow:hidden; line-height:180%;} /*活动内容*/ #activity-show {padding:4% 0 4.45% 0;} #activity-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #activity-show .info img {max-width:100%;} #activity-show h1 {text-align:center;} #activity-show .s {margin:12px auto; text-align:center;} #activity-show .x {width:60px; height:1px; background:#652f8e; display:block; margin:auto;} #activity-show .t {padding:2% 0 0 0; line-height:180%;} /*视频列表*/ #video-list {padding:4% 0 2% 0; width:100%; overflow:hidden;} #video-list ul {width:100%;} #video-list li a {width:22.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #video-list .t {padding:5%; min-height:46px; max-height:46px; overflow:hidden; line-height:180%;} #video-list a:hover .bg {position:absolute; background:#000; width:100%; height:100%; display:block; filter:alpha(opacity=30); opacity:0.3;} #video-list .pic {position:relative;} #video-list .pic img {width:100%;} #video-list a .play{position:absolute; z-index:1; display:none;} #video-list a:hover .play{position:absolute; display:block; top:50%; left:50%; margin-top:-18px; margin-left:-16px; color:#fff; filter:alpha(opacity=80); opacity:0.8;} #video-list .time {position:absolute; bottom:0; right:0; z-index:1; background:#000; color:#fff; padding:2% 3%; filter:alpha(opacity=80); opacity:0.8;} /*视频内容*/ #video-show {padding:4% 0 4.45% 0;} #video-show .info {padding:4% 15%; background:#fff; overflow:hidden;} #video-show .info img {max-width:100%;} #video-show h1 {text-align:center;} #video-show .s {margin:12px auto; text-align:center;} #video-show .x {width:60px; height:1px; background:#652f8e; display:block; margin:auto;} #video-show .t {padding:2% 0 0 0; line-height:180%;} #videoplay {text-align:center; margin:0 0 2.5% 0;} #youkuplayer {text-align:center; margin:0 0 2.5% 0; width:100%;} /*公告列表*/ #notice-list {padding:4% 0 2% 0;} #notice-list li a {margin:0 0 2.48% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block;} #notice-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #notice-list a .date { background:#bbb; float:left; width:60px; height:60px; line-height:60px; color:#fff; text-align:center; } #notice-list a:hover .date {background:#652f8e; color:#fff; } #notice-list .t {margin-left:2.4%; float:left; width:77.6%; height:60px; line-height:60px;} /*图片列表*/ #photo-list {padding:3% 0 2% 0; width:100%; overflow:hidden;} #photo-list ul {width:102.6%;} #photo-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #photo-list li img {width:100%;} #photo-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #photo-list li:hover .info {bottom:0;} #photo-list li .t {margin:8% 8% 0 8%;} #photo-list li .x {margin:5% 0 0 8%; width:60px; height:1px; background:#652f8e; display:block;} /*图片内容*/ #photo-show {padding:3% 0 4.45% 0;} #photo-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #photo-show .info img {max-width:100%;} #photo-show h1 {text-align:center;} #photo-show .x {width:60px; height:1px; margin:12px auto; background:#652f8e; display:block;} #photo-show .t {padding:2% 0 0 0; line-height:180%;} /*获奖列表*/ #works-list {padding:4% 0 2% 0; width:100%; overflow:hidden;} #works-list ul {width:102.6%;} #works-list li {width:22.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #works-list li img {width:100%;} #works-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #works-list li:hover .info {bottom:0;} #works-list li .t {margin:8% 8% 0 8%;} #works-list li .x {margin:5% 0 0 8%; width:60px; height:1px; background:#652f8e; display:block;} /*获奖内容*/ #works-show {padding:4% 0 4.45% 0;} #works-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #works-show .info img {max-width:100%;} #works-show h1 {text-align:center;} #works-show .x {width:60px; height:1px; margin:12px auto; background:#652f8e; display:block;} #works-show .t {padding:2% 0 0 0; line-height:180%;} /*翻页按钮*/ .list_page{text-align:center; display:block; padding:0 0 4% 0;} .list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;} .list_page ul li{display:inline-block; margin:0 1px;} .list_page ul a{color:#333;padding:6px 11px; display:block; background:#fff;} .list_page ul a:hover{color:#fff;padding:6px 11px; display:block; background:#000;} .page_group ul li{float:left;} .page_group ul .active a{background:#000; color:#fff;} /*预约报名*/ #book {margin:8% 0 4% 0; background:#fff; padding:4% 0 0 0;} #book .left {float:left; padding:0 4% 4% 4%; margin-right:5%;} #book .right {float:left; padding:1% 0 14% 4%;} #book .bookadd div{margin-bottom:20px;} #book .bookadd .ip{border:1px solid #ddd; padding:8px; font-size:14px;} #book .bookadd .tel {border:1px solid #ddd; padding:8px; width:240px; font-size:14px;} #book input:focus,#book textarea:focus,#book select:focus {box-shadow:0 0 40px rgba(170, 170, 170, .2);transition: all .3s; color:#000;} #book input,#book textarea,#book select {transition: all .3s; font-size:14px; color:#666;} #book .bnt {margin:4% 0 0 0; padding:3% 10%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer; font-size:16px;} #book .bnt:hover {background:#000; color:#fff;} #book .right div {margin-bottom:15px;} #book .more a {float:left; width:120px; text-align:center; padding:4% 10%; background:#000; color:#fff; display:block;} #book .more a:hover {background:#652f8e; color:#fff;} /*联系列表*/ #contact-content {margin:8% 0 0 0; padding:4% 0; background:#fff; text-align:center; transition: all 0.2s;} #contact-content:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-content .tel {float:left; width:33.33%;} #contact-content .address {float:left; width:33.33%;} #contact-content .map {float:left; width:33.33%;} #contact-content .gsfont {margin:8% 0 4% 0;} #contact-list {padding:4% 0 2% 0;} #contact-list li{margin:0 0 2.5% 0; padding:3% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block; line-height:140%;} #contact-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-list .t {float:left; text-align:center; width:10%;} #contact-list .tel {float:left; width:26%;} #contact-list .address {float:left; width:44%; padding:0 3%;} #contact-list .address span {float:left; } #contact-list .address p {margin:0;} #contact-list .map {float:left; width:13%;} #contact-list .gsfont {margin-right:5px;} /*联系内容*/ #contact-show {padding:4% 0 4.45% 0;} #contact-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #contact-show .info img {max-width:100%;} #contact-show h1 {text-align:center;} #contact-show .x {width:60px; height:1px; margin:12px auto; background:#652f8e; display:block;} #contact-show .t {padding:2% 0 0 0; line-height:180%;} /*右侧QQ*/ #rightqq {position:fixed; right:1.6%; top:0; z-index:99999; height:100%;} #rightqq .info {position:absolute; top:40%; right:1.6%;} #rightqq .gsfont {text-align:center; background:#0091ed; color:#fff; font-size:40px; width:64px; height:64px; line-height:64px;} #rightqq .text {padding:5px 0; text-align:center; background:#fff;} } /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ /*************************************************************************** 手机 ********************************************************************************/ /*****************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 1px) and (max-width: 480px) { body {width:100%; height:100%; margin: 0px; font:3vw Helvetica, \5fae\8f6f\96c5\9ed1, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank); } h1 {font-size:16px;} .f12 {font-size:3vw;} .f14 {font-size:3vw;} .f16 {font-size:14px;} .f18 {font-size:14px;} .f24 {font-size:16px;} .f28 {font-size:16px;} .f64 {font-size:34px;} /*底部菜单*/ #footer-menu {width:100%; background:#000; position:fixed; bottom:0; left:0; z-index:999999;} #footer-menu ul {height:42px; line-height:42px;} #footer-menu li {float:left; text-align:center; width:50%;} /*顶部菜单*/ #head-block {width:100%; background:#fff; position:fixed; top:0; left:0; z-index:99999999999999; transition: all 0.2s;} #head-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #head-block .logo a {float:left; background:url(../images/logo.png) no-repeat; width:29px; height:29px; background-size:100%; display:block; margin:5px 0 5px 4%;} #head-block .title {margin:10px 0 0 0; text-align:center; font-size:4vw;} #head-block .menu {float:right; margin:10px 4% 0 0; font-size:18px;} /*顶部菜单-弹出层*/ #head-block #showDiv {background:url(../images/mask_bg.jpg) center center no-repeat; background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;} #head-block #showDiv .content {position:absolute; left:6%; top:5%; color:#000; width:90%;} #head-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:22px; height:22px; display:block;} #head-block #showDiv .close a:hover {transform: rotate(90deg);} #head-block #showDiv .list {padding:0; overflow:hidden; margin:2px 0 0 0;} #head-block #showDiv .list ul {float:left; margin:0 0 2vh 7vw;} #head-block #showDiv .list li {text-align:left; margin:0 0 3vh 0; font-size:3vw;} /*顶部大图*/ #topbig {overflow:hidden; background:#1a1a1a;} #topbig .swiper-container {height:320px; overflow:hidden;} #topbig .swiper-slide {width:100%; overflow:hidden;} #topbig .picA {background:url(../images/bannera.png); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picB {background:url(../images/banner2a.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .picC {background:url(../images/banner3a.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;} #topbig .toppic-font {color:#fff; position:absolute; z-index:3; bottom:12%; left:8%;} #topbig .toppic-font .txta {font-size:20px; padding-top:3%;} #topbig .toppic-font .txtb {font-size:10px; padding-top:5%;line-height:180%;} /*左侧菜单*/ #left-block {padding:0 1.28%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:9;transition: all 0.2s; display:none;} #left-block:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #left-block .logo a {background:url(../images/logo.png) no-repeat; width:60px; height:60px; background-size:100%; display:block; margin:30px auto 0 auto;} #left-block .menu {text-align:center; position:relative; top:10%;} #left-block .menu li {margin:0 0 4vh 0;} #left-block .menu-d {position:absolute; left:1.5vw; bottom:4vh; font-size:30px;} #left-block .menu-d li {margin:3vh 0 0 0;} #left-block .menu-d li a {color:#999;} #left-block .menu-d li a:hover {color:#000;} #left-block .menu-d .message {width:11px; height:11px; background:#ff0062; position:absolute; left:20px; border-radius:100px;} /*左侧菜单-弹出层*/ #left-block #showDiv {background:url(../images/mask_bg.jpg); background-size:cover; width:100%; height:100%; position:fixed; display:none; z-index:1001; top:0; left:0;} #left-block #showDiv .content {position:absolute; left:10%; top:20%; color:#000; width:80%;} #left-block #showDiv .close a {float:left; cursor:pointer; background:url(../images/close.png) no-repeat; background-size:100%; width:50px; height:50px; display:block;} #left-block #showDiv .close a:hover {transform: rotate(90deg);} #left-block #showDiv .list {padding:0; overflow:hidden; margin:4px 0 0 0;} #left-block #showDiv .list ul {float:left; margin-left:8vw;} #left-block #showDiv .list li {text-align:left;} /*中间导航*/ #body-menu {width:100%; overflow:hidden;} #body-menu ul {width:102.6%;} #body-menu li a {float:left; background:#fff; padding:2.4% 0; width:23.4%; margin:1.6% 1.6% 0 0; display:block; text-align:center;} #body-menu li a:hover {background:#000; color:#fff;} #body-menu img {width:100%; margin-top:1.6%;} /*主要区块*/ #main-block {margin:0 1.6%;} #main-block .line {margin:6% 0 4% 0; text-align:center;} #main-block .line-s {margin:8px 0; font-size:3vw;} #main-block .line-x {width:40px; height:1px; background:#652f8e; display:block; margin:auto;} #main-block .more a {margin:4% auto 0 auto; width:22%; text-align:center; padding:1.8% 0; background:#000; color:#fff; display:block; font-size:3vw;} #main-block .more a:hover {background:#652f8e; color:#fff;} /*专业培训*/ #major {margin:auto; width:100%; overflow:hidden;} #major ul {width:102.6%; margin-bottom:-2.48%; margin-top:-2.48%;} #major li {float:left; width:47.52%; margin:2.48% 2.48% 0 0; transition: all 0.2s;} #major .major-a {background:url(../images/major_a.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-a:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-b {background:url(../images/major_b.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-b:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-c {background:url(../images/major_c.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-c:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-d {background:url(../images/major_d.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-d:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-e {background:url(../images/major_e.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-e:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-f {background:#fff; position:relative; transition: all 0.2s;} #major .major-g {background:url(../images/major_g.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-g:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .major-h {background:url(../images/major_h.jpg); background-size:cover; position:relative; transition: all 0.2s;} #major .major-h:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;} #major .t {padding:50% 0 10% 10%; font-size:16px;} #major .t2 {padding:50% 0 10% 10%; font-size:16px;} #major .t3 {padding:36% 0 24% 10%; font-size:16px;} #major a .more {position:absolute; bottom:14%; right:10%; color:#fff; font-size:1.6vw; border:1px #fff solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more {color:#652f8e; right:9%; border:1px #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more2 {position:absolute; bottom:21%; right:10%; color:#fff; font-size:1.6vw; border:1px #fff solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more2 {color:#652f8e; right:9%; border:1px #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #major a .more3 {position:absolute; bottom:21%; right:10%; color:#000; font-size:1.6vw; border:1px #000 solid; padding:0.5vw 0.5vw 0.45vw 0.6vw; border-radius:100px; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4;} #major a:hover .more3 {color:#652f8e; right:9%; border:1px #652f8e solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} /*学习环境*/ #environment {overflow:hidden;} #environment .swiper-container {height:100%;} #environment .swiper-container img {width:100%;} #environment .swiper-button-prev,#environment .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment:hover .swiper-button-prev,#environment:hover .swiper-button-next{display:block;} /*师资团队*/ #teacher {overflow:hidden;} #teacher .swiper-container {height:100%;} #teacher .swiper-container img {width:100%;} #teacher .swiper-button-prev,#teacher .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #teacher:hover .swiper-button-prev,#teacher:hover .swiper-button-next{display:block;} #teacher .swiper-slide {overflow:hidden;} #teacher .info{position:absolute; padding:0 0 8% 0; width:100%; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher .swiper-slide:hover .info{bottom:0;} #teacher .t {margin:8% 8% 0 8%;} #teacher .s {margin:4% 0 5% 8%; font-size:2vw;} #teacher .x {margin:2% 0 0 8%; width:40px; height:1px; background:#652f8e; display:block;} /*为什么*/ #why a {margin:6% 0 4% 0; padding:13.7% 0; display:block; text-align:center; background:url(../images/why.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #why a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #why .t {font-size:5vw;} #why .s {margin:8px auto; font-size:3vw; -webkit-transform:scale(0.9);} #why .x {width:40px; height:1px; background:#652f8e; display:block; margin:auto;} /*为什么内容*/ #why-show {padding:4% 0 0 0;} #why-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #why-show h1 {text-align:center; margin:0 auto 8px auto;} #why-show .x {width:40px; height:1px; background:#652f8e; display:block; margin:auto;} #why-show {text-align:center; line-height:150%;} #why-show tr {background:#fff;} #why-show tr:hover {background:#f5f5f5;} #why-show td {padding:2% 4%; width:50%; border-bottom:1px #eee solid;} #why-show .bg1 {background:#652f8e;} #why-show .bg2 {background:#eeeeee;} /*选择测试内容*/ #choice-show {padding:4% 0 0 0;} #choice-show .info {padding:4% 15% 6% 15%; background:#fff; overflow:hidden;} #choice-show h1 {text-align:center; margin:0 auto 8px auto;} #choice-show .x {width:40px; height:1px; background:#652f8e; display:block; margin:auto;} #choice-show .progress {padding:4% 0 3% 0;} #choice-show .progress .picbg {background:#eee; height:1px;} #choice-show .progress .picbg span{background:#652f8e; display:block; float:left;height:1px;} #choice-show .test li{width:100%; padding:10px 0 0 0;} #choice-show .hidden{display:none;} #choice-show .but {margin:15px 0 0 0; font-size:3vw; padding:1.8% 8%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer;} #choice-show .select {margin:0 10px 0 0; cursor:pointer;} #choice-show #Result p {margin:2% 0;} /*客服联系*/ #service-contact {background:#fff;} #service-contact li {float:left; width:33.33%; text-align:center; padding:2% 0 3% 0;} #service-contact a .gsfont {padding:3% 0; font-size:7vw; color:#652f8e; transition: all 0.2s;} #service-contact a:hover .gsfont {color:#666; transition: all 0.2s;} /*视频*/ #video {margin:6% 0 4% 0; padding:11% 0; display:block; transition: all 0.2s; background:url(../images/video.jpg); background-size:cover; width:100%; height:100%; color:#fff;} #video .block {margin:0 1.6%; text-align:center;} #video .play a {font-size:7vw; color:#fff; transition: all 0.2s; filter:alpha(opacity=40); opacity:0.4; width:100%;} #video .play a:hover {transition: all 0.2s; filter:alpha(opacity=100); opacity:1;} #video .t {margin:2% 0 0 0;} #video .s {margin:8px auto; font-size:3vw;} #video .x {width:40px; height:1px; background:#652f8e; display:block; margin:auto;} /*新闻活动*/ #news {margin:auto; width:100%; overflow:hidden;} #news ul {width:102.6%; overflow:hidden;} #news li {width:47.5%; float:left; margin:0 2.48% 2.48% 0; background:#fff; font-size:3vw;} #news li img {width:100%;} #news .t {padding:5%; min-height:36px; max-height:36px; overflow:hidden; line-height:180%;} /*造型图赏*/ #work .swiper-container {height:100%;} #work .swiper-container img {width:100%;} #work .swiper-button-prev,#work .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw; display:none;} #work:hover .swiper-button-prev,#work:hover .swiper-button-next{display:block;} #work .swiper-slide {overflow:hidden;} /*预约联系*/ #contact {margin:-4% 0 2% 0; text-align:center;} #contact .tab-menu {padding:3% 0 0 0; font-size:3vw;} #contact .tab-menu ul {display:inline-block; text-align:center;} #contact .tab-menu li {float:left; cursor:pointer; margin:5px; text-align:center; padding:0.7vw 1.6vw; background:#fff; color:#000;} #contact .tab-menu li.select {background:#000; color:#fff;} #contact .tab-content ul {display:inline-block; text-align:center; padding:2% 0 0 0;} #contact .tab-content li {display:none; padding:0;} #contact .tab-content .gsfont {margin-right:5px;} /*底部*/ #footer {padding:3% 0; background:#111; overflow:hidden; font-size:3vw;} #footer .content {margin:0 4.7% 0 6%; color:#999; width:102%; overflow:hidden;} #footer .content ul { margin:1% 4% 0 0; width:19%; float:left; overflow:hidden;} #footer .content li {float:none; margin:15% 10% 0 0; } #footer .content li a {color:#999;} #footer .content li a:hover {color:#666;} #copyright {background:#000; text-align:center; padding:1.6% 0; font-size:2vw; margin:0 0 39px 0;} #copyright .content {margin:0 4.7% 0 9.7%; color:#999; -webkit-transform:scale(0.7); line-height:150%;} #copyright .content a {color:#999;} #copyright .content a:hover {color:#666;} /*******************************************内页**********************************************/ #n-topnav {background:#fff; top:0; left:9.1%; right:4.5%; position:fixed; z-index:8; transition: all 0.2s; display:none;} #n-topnav:hover {transition: all 0.2s; box-shadow:0 0 50px rgba(170, 170, 170, .5);} #n-topnav ul {float:right; height:68px;} #n-topnav li {float:left; margin:0 50px 0 0; line-height:66px;} #n-topnav li a {display: block; border-bottom:0px #ffffff solid;} #n-topnav li a:hover {border-bottom:2px #652f8e solid;} #n-topnav .hover {border-bottom:2px #652f8e solid;} #n-topnav .hover a:hover {border-bottom:0px;} #n-topheight {margin:35px 0 0 0;} #n-topnav2 {padding:4% 0 0 0; text-align:center; font-size:3vw;} #n-topnav2 li {display:inline-block; margin:0 0.5% 0.5% 0;} #n-topnav2 li a {float:left; padding:1vw 1.2vw; background:#fff; color:#000; display:block;} #n-topnav2 li a:hover {background:#000; color:#fff;} #n-topnav2 .hover a {background:#000; color:#fff;} /*学校介绍*/ #school {padding:2% 0 0 0; text-align:center;} #school .info {padding:4% 10%;} #school .s {margin:12px auto; line-height:180%;} #school .x {width:40px; height:1px; background:#652f8e; display:block; margin:auto;} #school img {width:100%;} /*荣誉资质*/ #honor {padding:0 5%;} #honor .swiper-container {height:100%;} #honor .swiper-container img {width:100%;} #honor .swiper-slide {background-position:center; background-size: cover; width:46%;} #honor .info {padding:4% 5%; line-height:180%; text-align:center;} #honor .info span {color:#ccc; padding:0 1%; display: inline-block;} /*合作单位*/ #cooperation {padding:0 0 6% 0;} #cooperation li {width:33.33%; text-align:center; float:left;} #cooperation .s {line-height:180%; padding:5% 10% 0 10%;} /*创始人*/ #founder {background:#fff; padding:1% 5% 0 3%;} #founder .left {width:100%; height:450px;} #founder .pic {background:url(../images/founder.jpg) center 0 no-repeat; width:100%; height:100%;} #founder .right {width:100%;} #founder .info {padding:5% 0 6% 4%;} #founder .s {margin:12px auto;} #founder .x {width:40px; height:1px; background:#652f8e; display:block;} #founder .t {padding:5% 0 0 0; line-height:180%;} #founder p {padding:1% 0 0 0;} /*品牌历程*/ #history {padding:0 0 6% 0; margin-top:-2%; } #history .date {color:#fff; font-size:35vw; text-align:center; margin:-2% 0;} #history .info {position:absolute; z-index:2; width:100%; left:10vw; top:15%} #history .info-pic {width:35%; float:left; margin:2vw 4vw 0 0;} #history .info-pic img {width:100%;} #history .info-txt {width:40%; float:left; margin:2vw 0 0 0; line-height:140%; font-size:2vw;} #history .tabs {text-align:center; font-size:2vw;} #history .tabs a {text-align: center; display:inline-block; border-bottom:2px #f5f5f5 solid;color:#666;padding:0.4% 0.1%;margin:0 0.4%;} #history .tabs a.on {color: #000; border-bottom:1px #652f8e solid;} /*专业顶部大图*/ #major-top {overflow:hidden; margin-top:-35px;} /*#major-top .picA {background:url(../images/major1.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picB {background:url(../images/major2.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picC {background:url(../images/major3.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picD {background:url(../images/major4.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picE {background:url(../images/major5.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picF {background:url(../images/major6.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;}*/ #major-top .picA {background:url(../images/hz.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picB {background:url(../images/mj.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picC {background:url(../images/byj.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picD {background:url(../images/mf.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picE {background:url(../images/mjj.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picF {background:url(../images/mr.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .picG {background:url(../images/xxsj.jpg); background-size:cover; width:100%; height:200px; overflow:hidden;} #major-top .font {color:#fff; position:absolute; z-index:3; margin-top:120px; left:8%;} #major-top .font .txta {font-size:20px; padding-top:2%;} #major-top .font .txtb {font-size:10px; width:70%; padding-top:2%; line-height:180%; display:none;} /*专业课程*/ #major-course {position:relative;} #major-course li {background:#fff; margin:0 0 2.48% 0; transition: all 0.2s;} #major-course li:hover {box-shadow: 0 0 50px rgba(170, 170, 170, .5); transition: all 0.2s;} #major-course .left {float:none; width:100%; margin-right:0%; overflow:hidden; /*max-height:160px; min-height:160px;*/} #major-course .left img {/*max-height:160px;*/ max-width:100%;} #major-course .info {padding:4%;} #major-course .s {line-height:150%; padding:1.6% 0 0 0; font-size:2vw;} #major-course .more{ padding-bottom:25px; } #major-course .more a {float:left; margin:0; text-align:center; padding:1.8% 0.8%; background:#000; color:#fff; display:block;} #major-course .more a:hover {background:#652f8e; color:#fff;} #major-course .corner1 {position:absolute; right:0; background:url(../images/corner1.png) no-repeat; width:30px; height:30px; background-size:cover;} #major-course .corner2 {position:absolute; right:0; background:url(../images/corner2.png) no-repeat; width:30px; height:30px; background-size:cover;} /*帮你选择*/ #choice {background:#fff; padding:4% 0;} #choice li {width:50%; text-align:center; float:left;margin-top:15px;margin-bottom: 15px;} #choice .n {font-size:7vw; padding:0 0 4% 0;} #choice2 {background:#fff; padding:4% 0;} #choice2 li {width:33.33%; text-align:center; float:left;} #choice2 .n {font-size:7vw; padding:0 0 4% 0;} /*学员保障*/ #guarantee {background:#fff; padding:0 0 4% 0; overflow:hidden;} #guarantee ul {width:102.6%; overflow:hidden;} #guarantee li {width:48%; padding:4% 0 0 2%; text-align:center; float:left; height:105px; overflow:hidden;} #guarantee .info {padding:2% 0 0 0;} #guarantee .s {line-height:140%; padding:2% 10% 0 10%; font-size:3vw;} /*环境列表*/ #environment-list {padding:4% 0 2% 0; width:100%; overflow:hidden; font-size:3vw;} #environment-list ul {width:102.6%;} #environment-list li a {width:47.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; text-align:center; background:#fff;} #environment-list li img {width:100%;} #environment-list .t {padding:5% 0;} /*环境内容*/ #environment-show {overflow:hidden; padding:4% 0; text-align:center;} #environment-show .swiper-container {height:100%;} #environment-show .swiper-container img {max-width:100%;} #environment-show .swiper-button-prev,#environment-show .swiper-button-next{background:#fff; color:#000; padding:0.8vw 0.8vw 0.6vw 0.8vw; font-size:1.2vw;display:none;} #environment-show:hover .swiper-button-prev,#environment-show:hover .swiper-button-next{display:block;} #environment-show .x {width:40px; height:1px; background:#652f8e; display:block; margin:8px auto;} /*师资列表*/ #teacher-list {padding:3% 0 2% 0; width:100%; overflow:hidden;} #teacher-list ul {width:102.6%;} #teacher-list li {width:47.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #teacher-list li img {width:100%;} #teacher-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #teacher-list li:hover .info {bottom:0;} #teacher-list li .t {margin:8% 8% 0 8%;} #teacher-list li .s {margin:4% 0 5% 8%; font-size:2vw;} #teacher-list li .x {margin:2% 0 0 8%; width:40px; height:1px; background:#652f8e; display:block;} /*师资内容*/ #teacher-show {padding:3% 0 4.45% 0; width:100%; overflow:hidden;} #teacher-show .content {width:100%;} #teacher-show .pic {text-align:center; padding:0 5%;} #teacher-show .pic img {max-width:100%;} #teacher-show .info {padding:0 5%; margin-top:22px;} #teacher-show .s {margin:8px auto;} #teacher-show .x {width:40px; height:1px; background:#652f8e; display:block;} #teacher-show .t {padding:2% 0 0 0; line-height:180%; font-size:4vw;} /*活动列表*/ #activity-list {padding:4% 0 2% 0; width:100%; overflow:hidden; font-size:3vw;} #activity-list ul {width:102.6%;} #activity-list li a {width:47.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #activity-list li img {width:100%;} #activity-list .t {padding:5%; min-height:36px; max-height:36px; overflow:hidden; line-height:180%;} /*活动内容*/ #activity-show {padding:4% 0 4.45% 0; font-size:3vw;} #activity-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #activity-show .info img {max-width:100%;} #activity-show h1 {text-align:center;} #activity-show .s {margin:8px auto; text-align:center;} #activity-show .x {width:40px; height:1px; background:#652f8e; display:block; margin:auto;} #activity-show .t {padding:2% 0 0 0; line-height:180%; font-size:4vw;} /*视频列表*/ #video-list {padding:4% 0 2% 0; width:100%; overflow:hidden; font-size:3vw;} #video-list ul {width:102.6%;} #video-list li a {width:47.5%; float:left; margin:0 2.48% 2.48% 0; transition: all 0.2s; background:#fff;} #video-list .t {padding:5%; min-height:36px; max-height:36px; overflow:hidden; line-height:180%;} #video-list a:hover .bg {position:absolute; background:#000; width:100%; height:100%; display:block; filter:alpha(opacity=30); opacity:0.3;} #video-list .pic {position:relative;} #video-list .pic img {width:100%;} #video-list a .play{position:absolute; z-index:1; display:none;} #video-list a:hover .play{position:absolute; display:block; top:50%; left:50%; margin-top:-18px; margin-left:-16px; color:#fff; filter:alpha(opacity=80); opacity:0.8;} #video-list .time {position:absolute; bottom:0; right:0; z-index:1; background:#000; color:#fff; padding:2% 3%; filter:alpha(opacity=80); opacity:0.8;} /*视频内容*/ #video-show {padding:4% 0 4.45% 0;} #video-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #video-show .info img {max-width:100%;} #video-show h1 {text-align:center;} #video-show .s {margin:8px auto; text-align:center;} #video-show .x {width:40px; height:1px; background:#652f8e; display:block; margin:auto;} #video-show .t {padding:5% 0 0 0; line-height:180%; font-size:4vw;} #videoplay {text-align:center; margin:0 0 2.5% 0;} #youkuplayer {text-align:center; margin:0 0 2.5% 0; width:100%;} /*公告列表*/ #notice-list {padding:4% 0 2% 0; font-size:3vw;} #notice-list li a {margin:0 0 2.48% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block;} #notice-list li a:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #notice-list a .date { background:#bbb; float:left; width:40px; height:40px; line-height:40px; color:#fff; text-align:center; } #notice-list a:hover .date {background:#652f8e; color:#fff; } #notice-list .t {margin-left:2.4%; float:left; width:77.6%; height:40px; line-height:40px;} /*图片列表*/ #photo-list {padding:3% 0 2% 0; width:100%; overflow:hidden; font-size:3vw;} #photo-list ul {width:102.6%;} #photo-list li {width:47.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #photo-list li img {width:100%;} #photo-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #photo-list li:hover .info {bottom:0;} #photo-list li .t {margin:8% 8% 0 8%;} #photo-list li .x {margin:5% 0 0 8%; width:40px; height:1px; background:#652f8e; display:block;} /*图片内容*/ #photo-show {padding:3% 0 4.45% 0;} #photo-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #photo-show .info img {max-width:100%;} #photo-show h1 {text-align:center;} #photo-show .x {width:40px; height:1px; margin:8px auto; background:#652f8e; display:block;} #photo-show .t {padding:2% 0 0 0; line-height:180%; font-size:4vw;} /*获奖列表*/ #works-list {padding:4% 0 2% 0; width:100%; overflow:hidden; font-size:3vw;} #works-list ul {width:102.6%;} #works-list li {width:47.5%; float:left; position:relative; margin:0 2.48% 2.48% 0; overflow:hidden; transition: all 0.2s;} #works-list li img {width:100%;} #works-list li .info {position:absolute; width:100%; padding:0 0 8% 0; color:#000; background:#fff; z-index:999; transition: all .3s; bottom:-100%;} #works-list li:hover .info {bottom:0;} #works-list li .t {margin:8% 8% 0 8%;} #works-list li .x {margin:5% 0 0 8%; width:40px; height:1px; background:#652f8e; display:block;} /*获奖内容*/ #works-show {padding:4% 0 4.45% 0;} #works-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #works-show .info img {max-width:100%;} #works-show h1 {text-align:center;} #works-show .x {width:40px; height:1px; margin:8px auto; background:#652f8e; display:block;} #works-show .t {padding:2% 0 0 0; line-height:180%; font-size:4vw;} /*翻页按钮*/ .list_page{text-align:center; display:block; padding:0 0 4% 0;} .list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;} .list_page ul li{display:inline-block; margin:0 1px;} .list_page ul a{color:#333;padding:2px 6px; display:block; background:#fff;} .list_page ul a:hover{color:#fff;padding:2px 6px; display:block; background:#000;} .page_group ul li{float:left;} .page_group ul .active a{background:#000; color:#fff;} /*预约报名*/ #book {margin:12% 0 4% 0; background:#fff; padding:8% 0 0 0;} #book .left {float:left; padding:0 4% 4% 4%; margin-right:5%;} #book .right {float:left; padding:1% 0 14% 4%;} #book .bookadd div{margin-bottom:10px;} #book .bookadd .ip{border:1px solid #ddd; padding:6px;} #book .bookadd .tel {border:1px solid #ddd; padding:12px; width:240px;} #book input:focus,#book textarea:focus,#book select:focus {box-shadow:0 0 40px rgba(170, 170, 170, .2);transition: all .3s; color:#000;} #book input,#book textarea,#book select {transition: all .3s; font-size:3vw; color:#666;} #book textarea {width:300px;} #book .bnt {margin:4% 0 0 0; padding:3% 10%; border:0px; background:#652f8e; color:#fff; display:block; cursor:pointer;} #book .bnt:hover {background:#000; color:#fff;} #book .right div {margin-bottom:10px;} #book .more a {float:left; width:120px; text-align:center; padding:4% 10%; background:#000; color:#fff; display:block;} #book .more a:hover {background:#652f8e; color:#fff;} /*联系列表*/ #contact-content {margin:12% 0 0 0; font-size:2vw; padding:4% 0; background:#fff; text-align:center; transition: all 0.2s;} #contact-content:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-content .tel {float:left; width:33.33%;} #contact-content .address {float:left; width:33.33%;} #contact-content .map {float:left; width:33.33%;} #contact-content .gsfont {margin:8% 0 4% 0; font-size:7vw;} #contact-list {padding:4% 0 2% 0; font-size:2vw;} #contact-list li{margin:0 0 2.5% 0; padding:3% 0; transition: all 0.2s; background:#fff; overflow:hidden; display:block; line-height:140%;} #contact-list li:hover {transition: all 0.2s; box-shadow: 0 0 50px rgba(170, 170, 170, .5);} #contact-list .t {float:left; text-align:center; width:10%; font-size:2vw;} #contact-list .tel {float:left; width:30%;} #contact-list .address {float:left; width:40%; padding:0 2%;} #contact-list .address span {float:left;} #contact-list .address p {margin:0;} #contact-list .map {float:left; width:13%;} #contact-list .gsfont {margin-right:5px;} /*联系内容*/ #contact-show {padding:4% 0 4.45% 0;} #contact-show .info {padding:4% 5%; background:#fff; overflow:hidden;} #contact-show .info img {max-width:100%;} #contact-show h1 {text-align:center;} #contact-show .x {width:40px; height:1px; margin:12px auto; background:#652f8e; display:block;} #contact-show .t {padding:2% 0 0 0; line-height:180%;} /*右侧QQ*/ #rightqq {position:fixed; right:1.6%; top:0; z-index:99999; height:100%;} #rightqq .info {position:absolute; top:40%; right:1.6%;} #rightqq .gsfont {text-align:center; background:#0091ed; color:#fff; font-size:34px; width:54px; height:54px; line-height:54px;} #rightqq .text {text-align:center; padding:4px 0; background:#fff;} } .dib{ clear:both; overflow:hidden; margin:0 auto; width:100%; margin-top:40px; text-align:left; } /******产品分页*******/ .ny_news_page { margin: 0px auto 80px; clear: both; padding-top: 0px; width: 100%; clear:both; overflow:hidden; } .ny_news_page a, .ny_news_page span { display: block; float: left; line-height: 40px; text-align: center; font-size: 15px; width:80px; height: 40px; color: #333; background-color: #fff; margin-right: 10px } .ny_news_page a:hover, .ny_news_page span { background-color:#652f8e; color: #fff; } .ny_news_page a.page_aa { background-color: #652f8e; color: #fff; } /****************/ .news_next{ margin-top:60px;} #messagea{ margin-top:60px; clear: both; overflow: hidden; } #messagea .book_add li{ width:49%; margin-right:2%; float:left; box-sizing:border-box; background-color:#f1f1f1; margin-bottom:10px; height:62px; clear:none; overflow:hidden; } #messagea .book_add li:nth-child(2n){ margin-right:0;} #messagea .book_add li:nth-child(5){ float:none; clear:both; overflow:hidden; background:none; height:auto; width:100%; margin:0px auto 0;} /*#messagea .book_add li:nth-child(3) span{ width:90px; }*/ #messagea .book_add li span{ line-height:54px; font-size:16px; padding-left:15px;width:90px; } #messagea .book_add input { vertical-align: middle; border: 0px solid #ccc; padding: 0px 0px; font-size: 16px; box-sizing:border-box; background: none; margin-top:4px; line-height:46px; width:calc(100% - 118px); float:left; } #messagea .book_add input { outline:none; } #messagea .book_add input:focus-visible { border: 0px solid #000; } #messagea .book_add li:nth-child(4) input{ width:120px; } #messagea .book_add li:nth-child(4) img{ float:left; margin-top:15px; } #messagea .book_add .tij{ margin:50px auto 0; width:180px; background-color:#f1f1f1; color:#333; height:60px;} #messagea .book_add .tij input { vertical-align: middle; border: 0px solid #ccc; padding: 0px 0px; width:100%; line-height:58px; font-size:18px; background: none; cursor:pointer; color:#333; font-weight:bold; } .book_add .tij:hover{ background-color:#652f8e; } .book_add .tij:hover input{ color:#652f8e; } li.gsfont.wxewm { width: 32px; position:relative; } li.gsfont.wxewm img.eaa { width: 100%; } li.gsfont.wxewm img.eab { width: 100%; display:none; } li:hover.gsfont.wxewm img.eaa { display:none; } li:hover.gsfont.wxewm img.eab { display:block; } .wxewma{ position:absolute; left:50px; top:-80px; width:115px; background-color:#fff; box-sizing:border-box; box-shadow:1px 1px 2px #ccc; opacity:0; padding:10px; height:115px;} li:hover.gsfont.wxewm .wxewma{ opacity:1; } .wxewma img{ margin:0 auto; text-align:center; height:100px; width:100px;} @media screen and (max-width:800px) { #videoaa{ width:100%;height:300px;margin:10px auto; } } @media screen and (max-width: 768px) { #messagea .book_add li{ width:100%; margin-right:0;} #messagea .book_add li:nth-child(5){ margin-bottom:55px;} } @media screen and (max-width: 1750px) { #major .t3 { padding: 26% 0 24% 10%; } } @media screen and (max-width: 1550px) { #major .t3 { padding: 23% 0 24% 10%; } } @media screen and (max-width: 1260px) { #major .t3 { padding: 22% 0 24% 10%; } } @media screen and (max-width: 1160px) { #major .t3 { padding: 20% 5% 23% 5%; } } @media screen and (max-width: 896px) { #major .t3 { padding: 10% 5% 13% 5%; } } @media screen and (max-width:796px) { #major .t3 { padding: 9% 5% 9% 5%; } } @media screen and (max-width:768px) { #major .t3 { padding: 30% 15% 30% 15%; } } @media screen and (max-width:700px) { #major .t3 { padding: 30% 10% 30% 10%; } } @media screen and (max-width:614px) { #major .t3 { padding: 26% 10% 25% 10%; } } @media screen and (max-width:580px) { #major .t3 { padding: 25% 10% 25% 10%; } } @media screen and (max-width:495px) { #major .t3 { padding: 24% 10% 24% 10%; } } @media screen and (max-width:481px) { #major li{ overflow:hidden; height:132px; } #major .t3 { padding: 25% 10% 24% 10%;overflow:hidden; height:132px; } } @media screen and (max-width:406px) { #major li{ overflow:hidden; height:132px; } #major .t3 { padding: 23% 10% 23% 10%;overflow:hidden; height:132px; } }