#guarantee {background:#fff; padding:0 0 4% 0; }

#guarantee li {width:33.33%; padding:4% 0 0 0; text-align:center; float:left;}

#guarantee .info {padding:2% 0 0 0;}

#guarantee .s {line-height:180%; padding:2% 10% 0 10%;}

.s2 a{color:#666;}
 
.f64 {font-size:64px;}



#major-top {overflow:hidden; margin-top:-70px;}

#major-top .picA {background:url(../../statics/css/major1.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;}
#major-top .picB {background:url(../../statics/css/major2.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;}
#major-top .picC {background:url(../../statics/css/major3.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;}
#major-top .picD {background:url(../../statics/css/major4.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;}
#major-top .picE {background:url(../../statics/css/major5.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;}
#major-top .picF {background:url(../../statics/css/major6.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;}
#major-top .picG {background:url(../../statics/css/major7.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;}






 
.s5 {color:#ff0062;}

.s5 a{color:#ff0062;}

.s5 a:hover{color:#ff0062;}

 

 .s4 {color:white;}

.s4 a{color:white;}

.s4 a:hover{color:white;}.gsfont {font-family:"gsfont" !important;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}

#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;}


@font-face {

  font-family: 'gsfont';

  src: url('../..//statics/css/other/gsfont.eot');

  src: url('../../statics/css/other/gsfont.eot?#iefix') format('embedded-opentype'),

  url('../../statics/css/other/gsfont.woff') format('woff'),

  url('../../statics/css/other/gsfont.ttf') format('truetype'),

  url('../../statics/css/other/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;

}#teacher {overflow:hidden;}

#teacher .swiper-container {height:100%; width:90%}

#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:#ff0062; display:block;}



 



@media screen and (min-width: 1367px){
#major-top .font {color:#fff; position:absolute; z-index:3; top:52%; left:14%;}

#major-top .font .txta {font-size:56px; padding-top:2%;}

#major-top .font .txtb {font-size:20px; width:100%; padding-top:2%; line-height: }
#major-top {overflow:hidden; margin-top:-70px;}

#major-top .picA {background:url(../../statics/css/major1.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;}
 #major-top .picB {background:url(../../statics/css/major2.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;}
 #major-top .picC {background:url(../../statics/css/major3.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} 
  #major-top .picD {background:url(../../statics/css/major4.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} 
   #major-top .picE {background:url(../../statics/css/major5.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} 
    #major-top .picF {background:url(../../statics/css/major6.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} 
     #major-top .picG {background:url(../../statics/css/major7.jpg); background-size:cover; width:100%; height:100vh; overflow:hidden;} 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#topbig {overflow:hidden; background:#1a1a1a;}

#topbig .swiper-container {height:100vh; overflow:hidden;} 

#topbig .swiper-slide {height:100%; overflow:hidden;}

#topbig .picA {background:url(../../statics/css/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picB {background:url(../../statics/css/banner2.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picC {background:url(../../statics/css/banner3.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picD {background:url(../../statics/css/bannerone.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picE {background:url(../../statics/css/bannertwo.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picF {background:url(../../statics/css/bannerthree.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picG {background:url(../../statics/css/bannerfour.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:56px; padding-top:3%;}

#topbig .toppic-font .txtb {font-size:20px; padding-top:5%;line-height:180%;}

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;}

 


 

#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:#ff0062; 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:#ff0062; color:#fff;}



/*专业培训*/

#major {margin:auto; width:98%;}

#major ul {width:102.6%; margin-bottom:-2.48%;}

#major li {float:left; width:30.83%; margin:2.48% 2.48% 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(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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:url(../../statics/css/major_f.jpg); background-size:cover; position:relative; transition: all 0.2s;}

#major .major-f:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;}
 #major .major-g {background:url(../../statics/css/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(../../statics/css/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:26% 0 10% 10%;}

#major .t3 {padding:12% 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:#ff0062; right:9%; border:0.1vw #ff0062 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.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:#f33; right:9%; border:0.1vw #f33 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.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:#ff0062; right:9%; border:0.1vw #ff0062 solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;}


 



 


 



 

 

}


@media screen and (min-width: 1025px) and (max-width: 1367px) {
#major-top .font {color:#fff; position:absolute; z-index:3; margin-top:280px; left:14%;}

#major-top .font .txta {font-size:56px; padding-top:2%;}

#major-top .font .txtb {font-size:20px; width:70%; padding-top:2%; line-height:180%;}
 #major-top {overflow:hidden; margin-top:-70px;}

#major-top .picA {background:url(../../statics/css/major1.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;}
#major-top .picB {background:url(../../statics/css/major2.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;}
#major-top .picC {background:url(../../statics/css/major3.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;}
#major-top .picD {background:url(../../statics/css/major4.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;}
#major-top .picE {background:url(../../statics/css/major5.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;}

#major-top .picF {background:url(../../statics/css/major6.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;}
#major-top .picG {background:url(../../statics/css/major7.jpg); background-size:cover; width:100%; height:700px; overflow:hidden;}














#topbig {overflow:hidden; background:#1a1a1a;}

#topbig .swiper-container {height:700px; overflow:hidden;} 

#topbig .swiper-slide {height:100%; overflow:hidden;}

#topbig .picA {background:url(../../statics/css/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picB {background:url(../../statics/css/banner2.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picC {background:url(.././statics/css/banner3.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picD {background:url(../../statics/css/bannerone.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picE {background:url(.././statics/css/bannertwo.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picF {background:url(../../statics/css/bannerthree.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picG {background:url(../../statics/css/bannerfour.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:56px; padding-top:3%;}

#topbig .toppic-font .txtb {font-size:20px; padding-top:5%;line-height:180%;}
/*主要区块*/

#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:#ff0062; 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:#ff0062; color:#fff;}



/*专业培训*/

#major {margin:auto; width:98%;}

#major ul {width:102.6%; margin-bottom:-2.48%;}

#major li {float:left; width:30.83%; margin:2.48% 2.48% 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(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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:url(../../statics/css/major_f.jpg); background-size:cover; position:relative; transition: all 0.2s;}

#major .major-f:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;}
 #major .major-g {background:url(../../statics/css/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(../../statics/css/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:26% 0 10% 10%;}

#major .t3 {padding:12% 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:#ff0062; right:9%; border:0.1vw #ff0062 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:#ff0062; right:9%; border:0.1vw #ff0062 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:#ff0062; right:9%; border:0.1vw #ff0062 solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;}



 


 

}



@media screen and (min-width: 769px) and (max-width: 1025px) {
#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-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 .picG {background:url(../images/major7.jpg); background-size:cover; width:100%; height:500px; overflow:hidden;}















 .f28 {font-size:28px;}

 
#topbig {overflow:hidden; background:#1a1a1a;}

#topbig .swiper-container {height:500px; overflow:hidden;} 

#topbig .swiper-slide {height:100%; overflow:hidden;}

#topbig .picA {background:url(../../statics/css/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picB {background:url(../../statics/css/banner2.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picC {background:url(../../statics/css/banner3.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picD {background:url(../../statics/css/bannerone.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picE {background:url(../../statics/css/bannertwo.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picF {background:url(../../statics/css/bannerthree.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picG {background:url(../../statics/css/bannerfour.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 .txtb {font-size:16px; padding-top:5%;line-height:180%;}

 



/*主要区块*/

#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:#ff0062; 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:#ff0062; color:#fff;}



/*专业培训*/

#major {margin:auto; width:98%; overflow:hidden;}

#major ul {width:102.6%; margin-bottom:-2.48%; margin-top:-2.48%;}

#major li {float:left; width:30.83%; margin:2.48% 2.48% 0 0; transition: all 0.2s;}
#major .major-a {background:url(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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:url(../../statics/css/major_f.jpg); background-size:cover; position:relative; transition: all 0.2s;}

#major .major-f:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;}
 #major .major-g {background:url(../../statics/css/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(../../statics/css/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:26% 0 10% 10%;}

#major .t3 {padding:12% 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:#ff0062; right:9%; border:0.1vw #ff0062 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:#ff0062; right:9%; border:0.1vw #ff0062 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:#ff0062; right:9%; border:0.1vw #ff0062 solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;}

 }


@media screen and (min-width: 481px) and (max-width: 768px) {
#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-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 .picG {background:url(../images/major7.jpg); background-size:cover; width:100%; height:400px; overflow:hidden;}

 #topbig {overflow:hidden; background:#1a1a1a;}

#topbig .swiper-container {height:400px; overflow:hidden;} 

#topbig .swiper-slide {height:100%; overflow:hidden;}

#topbig .picA {background:url(../../statics/css/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picB {background:url(../../statics/css/banner2.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picC {background:url(../../statics/css/banner3.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picD {background:url(../../statics/css/bannerone.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picE {background:url(../../statics/css/bannertwo.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picF {background:url(../../statics/css/bannerthree.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picG {background:url(../../statics/css/bannerfour.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 .txtb {font-size:16px; padding-top:5%;line-height:180%;}

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;}

 



/*主要区块*/

#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:#ff0062; 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:#ff0062; color:#fff;}



/*专业培训*/

#major {margin:auto; width:98%; overflow:hidden;}

#major ul {width:102.6%; margin-bottom:-2.48%; margin-top:-2.48%;}

#major li {float:left; width:30.83%; margin:2.48% 2.48% 0 0; transition: all 0.2s;}
#major .major-a {background:url(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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:url(../../statics/css/major_f.jpg); background-size:cover; position:relative; transition: all 0.2s;}

#major .major-f:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;}
 #major .major-g {background:url(../../statics/css/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(../../statics/css/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:26% 0 10% 10%; font-size:20px;}

#major .t3 {padding:12% 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:#ff0062; right:9%; border:0.1vw #ff0062 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:#ff0062; right:9%; border:0.1vw #ff0062 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:#ff0062; right:9%; border:0.1vw #ff0062 solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;}


 



 
 



/*专业顶部大图*/

#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 .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:left; width:36%; margin-right:2.4%; overflow:hidden; max-height:240px; min-height:240px;}

#major-course .left img {max-height:240px;}

#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:#ff0062; 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;}

 

}
 
 @media screen and (min-width: 1px) and (max-width: 480px) {
 #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;}
 
 #topbig {overflow:hidden; background:#1a1a1a;}

#topbig .swiper-container {height:200px; overflow:hidden;} 

#topbig .swiper-slide {height:100%; overflow:hidden;}

#topbig .picA {background:url(../../statics/css/banner1.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picB {background:url(http://b.024al.cn/statics/css/banner2.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picC {background:url(../../statics/css/banner3.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
#topbig .picD {background:url(../../statics/css/bannerone.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picE {background:url(../../statics/css/bannertwo.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picF {background:url(../../statics/css/bannerthree.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}

#topbig .picG {background:url(../../statics/css/bannerfour.jpg); background-size:cover; width:100%; height:100%; z-index:1; position:relative;}
 

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;}
 



/*主要区块*/

#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:#ff0062; 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:#ff0062; 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:30.83%; margin:2.48% 2.48% 0 0; transition: all 0.2s;}
#major .major-a {background:url(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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(../../statics/css/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:url(../../statics/css/major_f.jpg); background-size:cover; position:relative; transition: all 0.2s;}

#major .major-f:hover {box-shadow: 0px 0px 100px rgba(0,0,0,.3)inset; transition: all 0.2s;}
 #major .major-g {background:url(../../statics/css/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(../../statics/css/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:26% 0 10% 10%; font-size:16px;}

#major .t3 {padding:12% 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:#ff0062; right:9%; border:1px #ff0062 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:#ff0062; right:9%; border:1px #ff0062 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:#ff0062; right:9%; border:1px #ff0062 solid; transition: all 0.2s; filter:alpha(opacity=100); opacity:1;}


 



/*选择测试内容*/

#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:#ff0062; 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:#ff0062; 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:#ff0062; color:#fff; display:block; cursor:pointer;}

#choice-show .select {margin:0 10px 0 0; cursor:pointer;}

#choice-show #Result p {margin:2% 0;}



 


/*专业顶部大图*/

#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 .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:left; width:36%; margin-right:2.4%; overflow:hidden; max-height:160px; min-height:160px;}

#major-course .left img {max-height:160px;}

#major-course .info {padding:2.4% 2.4% 0 0;}

#major-course .s {line-height:150%; padding:1.6% 0 0 0; font-size:2vw;}

#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:#ff0062; 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:25%; text-align:center; float:left;}

#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;}



 

}