* {word-wrap: break-word; padding:0px; margin: 0px;} 
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: #cfb88a; text-decoration:none;}
select,input,textarea{font:18px Helvetica, 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:#666;}
.s3 {color:#999;}
.s3 a{color:#999;}
.s3 a:hover{color:#666;}
.s4 {color:#fff;}
.s4 a{color:#fff;}
.s4 a:hover{color:#fff;}
.s5 {color:#cfb88a;}
.s5 a{color:#cfb88a;}
.s5 a:hover{color:#cfb88a;}

@font-face {
	font-family: 'Gotham-Book';
	src: url('../font/Gotham-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
 
@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.woff2') format('woff2'),
       url('../font/iconfont.woff') format('woff'),
       url('../font/iconfont.ttf') format('truetype');
}

.iconfont {font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.tc {text-align:center;}


#right-service a {position:fixed; z-index:99; bottom:30%; right:10px; padding:10px; display:block; text-align:center; line-height:150%; background:#cfb88a; color:#fff;}
#right-service a:hover {background:#000;}




@media screen and (min-width: 1367px){

body {width:100%; height:100%; margin: 0px; font:15px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#fff;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f24 {font-size:24px;}
.f30 {font-size:30px;}
.f36 {font-size:36px;}
.f60 {font-size:60px;}


.ro5 {border-radius:5px;}
.ro10 {border-radius:10px;}
.ro100 {border-radius:100px;}


.lh120 {line-height:120%;}
.lh180 {line-height:180%;}
.lh220 {line-height:220%;}


#main-block {margin:0 15%;}


#m-header,#m-footer{display:none;}


#header {background:#fff; width:100%; position:fixed; top:0; left:0; z-index:99; height:70px; box-shadow:0 0 15px rgba(207, 184, 138, .2);}
#header .block {position:relative;}
#header .logo {float:left;}
#header .logo a {background:url(../image/logo.png) no-repeat; width:200px; height:40px; background-size:100%; display:block; margin:15px 0;}


#nav {position:absolute; top:50%; right:0; transform: translate(0,-50%);}
#nav li {float:left; margin-left:50px;}
#nav li a {display:block; padding-bottom:4px; background:linear-gradient( to right, #cfb88a, #cfb88a) no-repeat center bottom; background-size: 0 1px; transition: background-size 0.2s;}
#nav li a:hover {background-size: 100% 1px; transition: all 0.2s;}
#nav li ul {position:absolute; margin:0 0 0 -30px; display:none; padding:23px 0 0 0;}
#nav .nav2 a {background:#fff; display:block; white-space:nowrap; padding:15px 30px;}
#nav .now a {color:#cfb88a;}
#nav a.now {color:#cfb88a;}


#index-banner {margin-top:70px; height:650px; background:#f9f6f0; position:relative; overflow:hidden;}
#index-banner .swiper-container {height:650px;}
#index-banner .toppic-font {position:absolute; bottom:23%; left:15%;}
#index-banner .txta {font-size:100px;}
#index-banner .txtb {padding:5% 0 15% 0;}
#index-banner .pic {position:absolute; right:5%; bottom:0;}
#index-banner .more a {background:#000; color:#fff; padding:18px 50px;}
#index-banner .more a:hover {background:#cfb88a; color:#fff;}


#index-major {margin:70px 0;}
#index-major .list {margin-top:70px; overflow:hidden;}
#index-major .list .swiper-button-prev,#index-major .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#index-major .list:hover .swiper-button-prev,#index-major .list:hover .swiper-button-next{display:block;}
#index-major .list .swiper-slide {overflow:hidden; width:100%; height:430px;}
#index-major .list .pic1 {position:absolute; z-index:1; right:-75px; bottom:-15px;}
#index-major .list .pic2 {position:absolute; z-index:1; right:-50px; bottom:-20px;}
#index-major .list .pic3 {position:absolute; z-index:1; right:-110px; bottom:-20px;}
#index-major .list .pic4 {position:absolute; z-index:1; right:-140px; bottom:-20px;}
#index-major .list .pic1 img, .pic2 img, .pic3 img, .pic4 img {height:430px;}
#index-major .list .title {position:absolute; z-index:2; padding:10% 0 0 10%;}
#index-major .list .title2 {padding:5px 0 0 0;}
#index-major .list .bg1 {background:#f9f6f0;}
#index-major .list .bg2 {background:#f0f3f9;}
#index-major .list .bg3 {background:#f1f9f0;}
#index-major .list .bg4 {background:#f9f0f0;}
#index-major .list a .more{position:absolute; z-index:3; bottom:0; background:#000; color:#fff; width:100%; text-align:center; padding:18px 0; transition: all 0.2s;}
#index-major .list a:hover .more{background:#cfb88a; color:#fff; transition: all 0.2s;}


#choice {margin:0; padding:70px 0; background:#f9f6f0;}
#choice .list {padding-top:70px; margin-bottom:-70px;}
#choice .list ul {margin-left:-3.1%;}
#choice .list li {float:left; width:30.33%; margin:0 0 70px 3%; transition: all 0.2s;}
#choice .list li .iconfont {color:#000; transition: all 0.2s;}
#choice .list li:hover .iconfont {color:#cfb88a; transition: all 0.2s;}
#choice .list li .title {padding-top:20px;}
#choice .list li .detail {padding:20px 40px 0 40px;}


#work {margin:70px 0;}
#work .list {margin-top:70px; overflow:hidden;}
#work .list .swiper-button-prev,#work .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#work .list:hover .swiper-button-prev,#work .list:hover .swiper-button-next{display:block;}
#work .list .swiper-slide {overflow:hidden; width:100%; max-height:380px;}
#work .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:380px;}
#work .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}


#data {margin:0; padding:7vw 0; background:url(../image/data_bg.jpg) center center; background-size:100%;}
#data .list {margin:0;}
#data .list li {float:left; width:25%;}
#data .list .number {font-size:3vw;}
#data .list .number-txt {font-size:1vw;}
#data .list .detail {margin-top:15px;}


#teachers {margin:70px 0;}
#teachers .list {margin-top:70px; overflow:hidden;}
#teachers .list .swiper-button-prev,#teachers .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#teachers .list:hover .swiper-button-prev,#teachers .list:hover .swiper-button-next{display:block;}
#teachers .list .swiper-slide {overflow:hidden; width:100%; max-height:350px;}
#teachers .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:350px;}
#teachers .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#teachers .list .info{position:absolute; padding:0 0 6% 0; text-align:center; width:100%; background: rgba(0,0,0,0.5); z-index:999; bottom:-130px; transition: all 0.2s;}	
#teachers .list .swiper-slide:hover .info{bottom:0;}
#teachers .list .title {margin:6% 0 3% 0;}


#index-about {margin:70px 0; padding:70px 0; background:#f9f6f0;}
#index-about .left {float:left; width:56%; margin-right:6%; padding:70px 0 0 0;}
#index-about .right {float:left; width:38%; padding:70px 0 0 0;}
#index-about .right img {width:100%;}
#index-about .more {margin-top:70px;}
#index-about .more a {background:#000; color:#fff; width:100%; text-align:center; padding:18px 50px; transition: all 0.2s;}
#index-about .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-news {margin:70px 0;}
#index-news .list {margin-top:70px; overflow:hidden;}
#index-news .list .swiper-button-prev,#index-news .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#index-news .list:hover .swiper-button-prev,#index-news .list:hover .swiper-button-next{display:block;}
#index-news .list .swiper-slide {overflow:hidden; width:100%;}
#index-news .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:160px;}
#index-news .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:160px;}
#index-news .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .list .title {padding:20px 0 0 0; width:100%;}	
#index-news .more a {margin:70px auto 0 auto;  background:#000; color:#fff; padding:18px 50px; display:inline-block; transition: all 0.2s;}
#index-news .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-ewm {margin:70px 0 0 0; padding:70px 0; background:#f9f6f0;}
#index-ewm .list {margin-top:70px; overflow:hidden;}
#index-ewm .list ul {width:100%;}
#index-ewm .list li {float:left; width:16.66%; text-align:center; margin:0;}
#index-ewm .list li .pic {width:90px; max-height:90px; min-height:90px; text-align:center; margin:0 auto 10px auto; overflow:hidden;}
#index-ewm .list li .pic img {width:100%; height:auto;}


#contact {padding:40px 0; background:#000;}
#contact .list li {margin-top:30px;}


#footer {background:#000; padding:30px 0;}
 


#n-nav {margin-top:70px; height:70px; line-height:70px; background:#f9f6f0; overflow:hidden;}
#n-nav .menu {float:right; }
#n-nav .menu a {background:#fff; padding:8px 25px; margin-left:10px;}
#n-nav .menu a:hover {background:#000; color:#fff;}
#n-nav .menu a.cu {background:#000; color:#fff;}


#n-major-banner {margin-top:70px; height:650px; position:relative; overflow:hidden; width:100%;}
#n-major-banner .bg1 {position:absolute; width:100%; height:100%; background:#f9f6f0;}
#n-major-banner .bg2 {position:absolute; width:100%; height:100%; background:#f0f3f9;}
#n-major-banner .bg3 {position:absolute; width:100%; height:100%; background:#f1f9f0;}
#n-major-banner .bg4 {position:absolute; width:100%; height:100%; background:#f9f0f0;}
#n-major-banner .toppic-font {position:absolute; bottom:23%; left:15%; z-index:2;}
#n-major-banner .txta {font-size:100px;}
#n-major-banner .txtb {width:40%; padding:3% 0 4% 0; line-height:180%;}
#n-major-banner .pic {position:absolute; right:5%; bottom:0; z-index:2;}
#n-major-banner .more a {background:#000; color:#fff; padding:18px 50px;}
#n-major-banner .more a:hover {background:#cfb88a; color:#fff;}

#n-major-nav {margin:20px 0; overflow:hidden;}
#n-major-nav .bt {float:left; margin-top:6px;}
#n-major-nav .menu {float:right;}
#n-major-nav .menu li {float:left; margin-left:10px;}
#n-major-nav .menu li a {background:#fff; padding:8px 25px; display:block;}
#n-major-nav .menu li a:hover {background:#000; color:#fff;}
#n-major-nav .menu li a.cu {background:#000; color:#fff; display:block;}


#n-major {margin:70px 0; min-height:500px;}
#n-major .list {margin-bottom:-5%; overflow:hidden;}
#n-major .list ul {width:103%;}
#n-major .list li {float:left; width:48%; margin:0 2% 5% 0;}
#n-major .list li .pic {float:left; width:48%; overflow:hidden;}
#n-major .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:5px 0; width:68px; text-align:center; z-index:2;}
#n-major .list .content {float:left; width:42%; margin:0 5%;}
#n-major .list .custom {margin:15px 0;}
#n-major .list .detail {margin:15px 0 25px 0; line-height:200%; text-align:justify;}
#n-major .more li {float:left;}
#n-major .more li a {background:#000; color:#fff; display:block; padding:0.7vw 1vw; text-align:center;}
#n-major .more li a:hover {background:#cfb88a; color:#fff;}


#n-major-content {margin:70px 0; min-height:500px;}
#n-major-content .left {float:left; width:68%; margin-right:10%;}
#n-major-content .left .content {margin:40px 0 0 0; overflow:hidden; line-height:220%; text-align: justify;}
#n-major-content .left .content img {max-width:100%;}
#n-major-content .left .custom {margin:20px 0;}
#n-major-content .left td {padding:5px 0;}
#n-major-content .right {float:right; width:22%;}
#n-major-content .right .list {margin:30px 0 -3% 0; overflow:hidden;}
#n-major-content .right .list ul {width:100%;}
#n-major-content .right .list li {float:left; width:100%; margin:0 0 3% 0;}
#n-major-content .right .list li .pic {overflow:hidden; width:100%;}
#n-major-content .right .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major-content .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major-content .right .list .title {padding:20px 0; width:100%;}
#n-major-content .right .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:5px 0; width:68px; text-align:center; z-index:2;}


#n-about-banner {margin-top:70px; height:650px; position:relative; background:url(../image/about_bg.jpg) center center; background-size:100%;}
#n-about-banner .text {margin:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:100px;}
#n-about-banner .text-b {padding:3% 0 0 0;}

#n-about {padding:70px 0;}
#n-about .video {margin:70px 0 40px 0; overflow:hidden; text-align:center;}
#n-about .video video {width:100%;}
#n-about .content {text-align: justify;}
 

#n-environment {margin:70px 0;}
#n-environment .list {margin-top:70px; overflow:hidden;}
#n-environment .list .swiper-button-prev,#n-environment .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#n-environment .list:hover .swiper-button-prev,#n-environment .list:hover .swiper-button-next{display:block;}
#n-environment .list .swiper-slide {overflow:hidden; width:100%;}
#n-environment .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:160px;}
#n-environment .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:160px;}
#n-environment .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-environment .list .title {padding:20px 0 0 0; width:100%;}	
#n-environment .back a {margin:70px auto 0 auto;  background:#000; color:#fff; padding:18px 50px; display:inline-block; transition: all 0.2s;}
#n-environment .back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-news {margin:70px 0; min-height:500px;}
#n-news .list {margin-bottom:-3%; overflow:hidden;}
#n-news .list ul {width:103%;}
#n-news .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-news .list li .pic {overflow:hidden; width:100%; max-height:160px;}
#n-news .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:160px;}
#n-news .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .list .title {padding:20px 0 0 0; width:100%;}
#n-news .content {line-height:220%;}


#n-teachers {margin:70px 0; min-height:500px;}
#n-teachers .list {margin-bottom:-3%; overflow:hidden;}
#n-teachers .list ul {width:103%;}
#n-teachers .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-teachers .list li .pic {overflow:hidden; width:100%; max-height:350px;}
#n-teachers .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:350px;}
#n-teachers .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-teachers .list .title {padding:20px 0 0 0; width:100%;}


#n-work {margin:70px 0; min-height:500px;}
#n-work .list {margin-bottom:-3%; overflow:hidden;}
#n-work .list ul {width:103%;}
#n-work .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-work .list li .pic {overflow:hidden; width:100%; max-height:380px;}
#n-work .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:380px;}
#n-work .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-work .list .title {padding:20px 0 0 0; width:100%;}

#n-content {margin:0;}
#n-content .date {margin-top:20px;}
#n-content .content {margin:50px 0; overflow:hidden; line-height:220%; text-align: justify;}
#n-content .content img {max-width:100%;}
#n-back a {margin:70px auto 0 auto;  background:#000; color:#fff; padding:18px 50px; display:inline-block; transition: all 0.2s;}
#n-back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-contact {margin:70px 0 0 0; min-height:500px; overflow:hidden;}
#n-contact .list ul {width:105%;}
#n-contact .list li {float:left; width:45%; margin:0 5% 5% 0;}
#n-contact .bt {margin-bottom:30px;}
#n-contact .menu {margin-top:40px;}
#n-contact .menu a {background:#000; color:#fff; padding:18px 50px; margin-right:10px;}
#n-contact .menu a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}

#n-contact .list-ewm {margin:0 0 70px 0; overflow:hidden;}
#n-contact .list-ewm ul {margin:70px 0 0 0; width:108%;}
#n-contact .list-ewm li {float:left; text-align:center; margin:0 8% 0 0;}
#n-contact .list-ewm li .pic {width:90px; max-height:90px; min-height:90px; margin:0 0 10px 0; overflow:hidden;}
#n-contact .list-ewm li .pic img {width:100%; height:auto;}


.pagelist ul{text-align:center;margin:70px 0; font-size:0;}
.pagelist li {display:inline-block;margin:0 3px; font-size:14px;}
.pagelist li a {padding:10px 14px; border:1px #eee solid;}
.pagelist li a:hover {border:1px #000 solid; background:#000; color:#fff;}
.pagelist .hover {border:1px #000 solid; background:#000; color:#fff; padding:10px 14px;}

}





@media screen and (min-width: 1025px) and (max-width: 1367px) {

body {width:100%; height:100%; margin: 0px; font:15px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#fff;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f24 {font-size:20px;}
.f30 {font-size:24px;}
.f36 {font-size:30px;}
.f60 {font-size:56px;}


.ro5 {border-radius:5px;}
.ro10 {border-radius:10px;}
.ro100 {border-radius:100px;}


.lh120 {line-height:120%;}
.lh180 {line-height:180%;}
.lh220 {line-height:220%;}


#main-block {margin:0 1%;}


#m-header,#m-footer {display:none;}


#header {background:#fff; width:100%; position:fixed; top:0; left:0; z-index:99; height:70px; box-shadow:0 0 15px rgba(207, 184, 138, .2);}
#header .block {position:relative;}
#header .logo {float:left;}
#header .logo a {background:url(../image/logo.png) no-repeat; width:200px; height:40px; background-size:100%; display:block; margin:15px 0;}


#nav {position:absolute; top:50%; right:10px; transform: translate(0,-50%);}
#nav li {float:left; margin-left:50px;}
#nav li a {display:block; padding-bottom:4px; background:linear-gradient( to right, #cfb88a, #cfb88a) no-repeat center bottom; background-size: 0 1px; transition: background-size 0.2s;}
#nav li a:hover {background-size: 100% 1px; transition: all 0.2s;}
#nav li ul {position:absolute; margin:0 0 0 -30px; display:none; padding:23px 0 0 0;}
#nav .nav2 a {background:#fff; display:block; white-space:nowrap; padding:15px 30px;}
#nav .now a {color:#cfb88a;}
#nav a.now {color:#cfb88a;}


#index-banner {margin-top:70px; height:500px; background:#f9f6f0; position:relative; overflow:hidden;}
#index-banner .swiper-container {height:500px;}
#index-banner .toppic-font {position:absolute; bottom:20%; left:5%;}
#index-banner .txta {font-size:80px;}
#index-banner .txtb {padding:5% 0 15% 0;}
#index-banner .pic {position:absolute; right:-3%; bottom:0;}
#index-banner .pic img {height:480px;}
#index-banner .more a {background:#000; color:#fff; padding:18px 50px;}
#index-banner .more a:hover {background:#cfb88a; color:#fff;}


#index-major {margin:50px 0;}
#index-major .list {margin-top:50px; overflow:hidden;}
#index-major .list .swiper-button-prev,#index-major .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#index-major .list:hover .swiper-button-prev,#index-major .list:hover .swiper-button-next{display:block;}
#index-major .list .swiper-slide {overflow:hidden; width:100%; height:430px;}
#index-major .list .pic1 {position:absolute; z-index:1; right:-75px; bottom:-15px;}
#index-major .list .pic2 {position:absolute; z-index:1; right:-50px; bottom:-20px;}
#index-major .list .pic3 {position:absolute; z-index:1; right:-110px; bottom:-20px;}
#index-major .list .pic4 {position:absolute; z-index:1; right:-140px; bottom:-20px;}
#index-major .list .pic1 img, .pic2 img, .pic3 img, .pic4 img {height:430px;}
#index-major .list .title {position:absolute; z-index:2; padding:10% 0 0 10%;}
#index-major .list .title2 {padding:5px 0 0 0;}
#index-major .list .bg1 {background:#f9f6f0;}
#index-major .list .bg2 {background:#f0f3f9;}
#index-major .list .bg3 {background:#f1f9f0;}
#index-major .list .bg4 {background:#f9f0f0;}
#index-major .list a .more{position:absolute; z-index:3; bottom:0; background:#000; color:#fff; width:100%; text-align:center; padding:18px 0; transition: all 0.2s;}
#index-major .list a:hover .more{background:#cfb88a; color:#fff; transition: all 0.2s;}


#choice {margin:0; padding:50px 0; background:#f9f6f0;}
#choice .list {padding-top:50px; margin-bottom:-50px;}
#choice .list ul {margin-left:-3.1%;}
#choice .list li {float:left; width:30.33%; margin:0 0 50px 3%; transition: all 0.2s;}
#choice .list li .iconfont {color:#000; transition: all 0.2s;}
#choice .list li:hover .iconfont {color:#cfb88a; transition: all 0.2s;}
#choice .list li .title {padding-top:20px;}
#choice .list li .detail {padding:20px 40px 0 40px;}


#work {margin:50px 0;}
#work .list {margin-top:50px; overflow:hidden;}
#work .list .swiper-button-prev,#work .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#work .list:hover .swiper-button-prev,#work .list:hover .swiper-button-next{display:block;}
#work .list .swiper-slide {overflow:hidden; width:100%; max-height:450px;}
#work .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:450px;}
#work .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}


#data {margin:0; padding:7vw 0; background:url(../image/data_bg.jpg) center center; background-size:100%;}
#data .list {margin:0;}
#data .list li {float:left; width:25%;}
#data .list .number {font-size:3vw;}
#data .list .number-txt {font-size:1vw;}
#data .list .detail {margin-top:15px;}


#teachers {margin:50px 0;}
#teachers .list {margin-top:50px; overflow:hidden;}
#teachers .list .swiper-button-prev,#teachers .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#teachers .list:hover .swiper-button-prev,#teachers .list:hover .swiper-button-next{display:block;}
#teachers .list .swiper-slide {overflow:hidden; width:100%; max-height:410px;}
#teachers .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:410px;}
#teachers .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#teachers .list .info{position:absolute; padding:0 0 6% 0; text-align:center; width:100%; background: rgba(0,0,0,0.5); z-index:999; bottom:-130px; transition: all 0.2s;}	
#teachers .list .swiper-slide:hover .info{bottom:0;}
#teachers .list .title {margin:6% 0 3% 0;}


#index-about {margin:50px 0; padding:50px 0; background:#f9f6f0;}
#index-about .left {float:left; width:56%; margin-right:6%; padding:50px 0 0 0;}
#index-about .right {float:left; width:38%; padding:50px 0 0 0;}
#index-about .right img {width:100%;}
#index-about .more {margin-top:50px;}
#index-about .more a {background:#000; color:#fff; width:100%; text-align:center; padding:18px 50px; transition: all 0.2s;}
#index-about .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-news {margin:50px 0;}
#index-news .list {margin-top:50px; overflow:hidden;}
#index-news .list .swiper-button-prev,#index-news .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#index-news .list:hover .swiper-button-prev,#index-news .list:hover .swiper-button-next{display:block;}
#index-news .list .swiper-slide {overflow:hidden; width:100%;}
#index-news .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:190px;}
#index-news .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:190px;}
#index-news .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .list .title {padding:20px 0 0 0; width:100%;}	
#index-news .more a {margin:50px auto 0 auto;  background:#000; color:#fff; padding:18px 50px; display:inline-block; transition: all 0.2s;}
#index-news .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-ewm {margin:50px 0 0 0; padding:50px 0; background:#f9f6f0;}
#index-ewm .list {margin-top:50px; overflow:hidden;}
#index-ewm .list ul {width:100%;}
#index-ewm .list li {float:left; width:16.66%; text-align:center;}
#index-ewm .list li .pic {width:85px; max-height:85px; min-height:85px; text-align:center; margin:0 auto 10px auto; overflow:hidden;}
#index-ewm .list li .pic img {width:100%; height:auto;}


#contact {padding:20px 0; background:#000;}
#contact .list li {margin-top:30px;}


#footer {background:#000; padding:20px 0;}
 


#n-nav {margin-top:70px; height:70px; line-height:70px; background:#f9f6f0; overflow:hidden;}
#n-nav .menu {float:right; }
#n-nav .menu a {background:#fff; padding:8px 25px; margin-left:10px;}
#n-nav .menu a:hover {background:#000; color:#fff;}
#n-nav .menu a.cu {background:#000; color:#fff;}


#n-major-banner {margin-top:70px; height:500px; position:relative; overflow:hidden; width:100%;}
#n-major-banner .bg1 {position:absolute; width:100%; height:100%; background:#f9f6f0;}
#n-major-banner .bg2 {position:absolute; width:100%; height:100%; background:#f0f3f9;}
#n-major-banner .bg3 {position:absolute; width:100%; height:100%; background:#f1f9f0;}
#n-major-banner .bg4 {position:absolute; width:100%; height:100%; background:#f9f0f0;}
#n-major-banner .toppic-font {position:absolute; bottom:18%; left:5%; z-index:2;}
#n-major-banner .txta {font-size:90px;}
#n-major-banner .txtb {width:50%; padding:3% 0 4% 0; line-height:180%;}
#n-major-banner .pic {position:absolute; right:-3%; bottom:0; z-index:2;}
#n-major-banner .pic img {height:480px;}
#n-major-banner .more a {background:#000; color:#fff; padding:18px 50px;}
#n-major-banner .more a:hover {background:#cfb88a; color:#fff;}

#n-major-nav {margin:20px 0; overflow:hidden;}
#n-major-nav .bt {float:left; margin-top:6px;}
#n-major-nav .menu {float:right;}
#n-major-nav .menu li {float:left; margin-left:10px;}
#n-major-nav .menu li a {background:#fff; padding:8px 25px; display:block;}
#n-major-nav .menu li a:hover {background:#000; color:#fff;}
#n-major-nav .menu li a.cu {background:#000; color:#fff; display:block;}


#n-major {margin:50px 0; min-height:500px;}
#n-major .list {margin-bottom:-3%; overflow:hidden;}
#n-major .list ul {width:103%;}
#n-major .list li {float:left; width:47%; margin:0 3% 3% 0;}
#n-major .list li .pic {float:left; width:50%; overflow:hidden;}
#n-major .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:5px 0; width:68px; text-align:center; z-index:2;}
#n-major .list .content {float:left; width:40%; margin:0 5%;}
#n-major .list .custom {margin:15px 0;}
#n-major .list .detail {margin:15px 0 25px 0; line-height:200%; text-align:justify;}
#n-major .more li {float:left;}
#n-major .more li a {background:#000; color:#fff; display:block; padding:0.7vw 1vw; text-align:center;}
#n-major .more li a:hover {background:#cfb88a; color:#fff;}


#n-major-content {margin:50px 0; min-height:600px;}
#n-major-content .left {float:left; width:68%; margin-right:10%;}
#n-major-content .left .content {margin:30px 0 0 0; overflow:hidden; line-height:220%; text-align: justify;}
#n-major-content .left .content img {max-width:100%;}
#n-major-content .left .custom {margin:20px 0;}
#n-major-content .left td {padding:5px 0;}
#n-major-content .right {float:right; width:22%;}
#n-major-content .right .list {margin:20px 0 -3% 0; overflow:hidden;}
#n-major-content .right .list ul {width:100%;}
#n-major-content .right .list li {float:left; width:100%; margin:0 0 3% 0;}
#n-major-content .right .list li .pic {overflow:hidden; width:100%; }
#n-major-content .right .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major-content .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major-content .right .list .title {padding:20px 0; width:100%;}
#n-major-content .right .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:5px 0; width:68px; text-align:center; z-index:2;}


#n-about-banner {margin-top:70px; height:500px; position:relative; background:url(../image/about_bg.jpg) center center; background-size:100%;}
#n-about-banner .text {margin:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:90px;}
#n-about-banner .text-b {padding:3% 0 0 0;}

#n-about {padding:50px 0;}
#n-about .video {margin:50px 0 30px 0; overflow:hidden; text-align:center;}
#n-about .video video {width:100%;}
#n-about .content {text-align: justify;}
 

#n-environment {margin:50px 0;}
#n-environment .list {margin-top:50px; overflow:hidden;}
#n-environment .list .swiper-button-prev,#n-environment .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#n-environment .list:hover .swiper-button-prev,#n-environment .list:hover .swiper-button-next{display:block;}
#n-environment .list .swiper-slide {overflow:hidden; width:100%;}
#n-environment .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:190px;}
#n-environment .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:190px;}
#n-environment .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-environment .list .title {padding:20px 0 0 0; width:100%;}	
#n-environment .back a {margin:50px auto 0 auto;  background:#000; color:#fff; padding:18px 50px; display:inline-block; transition: all 0.2s;}
#n-environment .back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-news {margin:50px 0; min-height:600px;}
#n-news .list {margin-bottom:-3%; overflow:hidden;}
#n-news .list ul {width:103%;}
#n-news .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-news .list li .pic {overflow:hidden; width:100%; max-height:190px;}
#n-news .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:190px;}
#n-news .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .list .title {padding:20px 0 0 0; width:100%;}
#n-news .content {line-height:220%;}


#n-teachers {margin:50px 0; min-height:600px;}
#n-teachers .list {margin-bottom:-3%; overflow:hidden;}
#n-teachers .list ul {width:103%;}
#n-teachers .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-teachers .list li .pic {overflow:hidden; width:100%; max-height:410px;}
#n-teachers .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:410px;}
#n-teachers .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-teachers .list .title {padding:20px 0 0 0; width:100%;}


#n-work {margin:50px 0; min-height:600px;}
#n-work .list {margin-bottom:-3%; overflow:hidden;}
#n-work .list ul {width:103%;}
#n-work .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-work .list li .pic {overflow:hidden; width:100%; max-height:450px;}
#n-work .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:450px;}
#n-work .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-work .list .title {padding:20px 0 0 0; width:100%;}

#n-content {margin:0;}
#n-content .date {margin-top:20px;}
#n-content .content {margin:30px 0; overflow:hidden; line-height:220%; text-align: justify;}
#n-content .content img {max-width:100%;}
#n-back a {margin:50px auto 0 auto;  background:#000; color:#fff; padding:18px 50px; display:inline-block; transition: all 0.2s;}
#n-back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-contact {margin:50px 0 0 0; min-height:635px; overflow:hidden;}
#n-contact .list ul {width:105%;}
#n-contact .list li {float:left; width:45%; margin:0 5% 5% 0;}
#n-contact .bt {margin-bottom:30px;}
#n-contact .menu {margin-top:40px;}
#n-contact .menu a {background:#000; color:#fff; padding:18px 50px; margin-right:10px;}
#n-contact .menu a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}

#n-contact .list-ewm {margin:0 0 50px 0; overflow:hidden;}
#n-contact .list-ewm ul {margin:50px 0 0 0; width:108%;}
#n-contact .list-ewm li {float:left; text-align:center; margin:0 8% 0 0;}
#n-contact .list-ewm li .pic {width:85px; max-height:85px; min-height:85px; margin:0 0 10px 0; overflow:hidden;}
#n-contact .list-ewm li .pic img {width:100%; height:auto;}


.pagelist ul{text-align:center;margin:50px 0; font-size:0;}
.pagelist li {display:inline-block;margin:0 3px; font-size:14px;}
.pagelist li a {padding:10px 14px; border:1px #eee solid;}
.pagelist li a:hover {border:1px #000 solid; background:#000; color:#fff;}
.pagelist .hover {border:1px #000 solid; background:#000; color:#fff; padding:10px 14px;}

}





@media screen and (min-width: 769px) and (max-width: 1025px) {

body {width:100%; height:100%; margin: 0px; font:14px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#fff;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:12px;}
.f16 {font-size:14px;}
.f18 {font-size:16px;}
.f24 {font-size:18px;}
.f30 {font-size:20px;}
.f36 {font-size:24px;}
.f60 {font-size:50px;}


.ro5 {border-radius:5px;}
.ro10 {border-radius:10px;}
.ro100 {border-radius:100px;}


.lh120 {line-height:120%;}
.lh180 {line-height:180%;}
.lh220 {line-height:220%;}


#main-block {margin:0 1%;}


#m-header,#m-footer {display:none;}


#header {background:#fff; width:100%; position:fixed; top:0; left:0; z-index:99; height:60px; box-shadow:0 0 15px rgba(207, 184, 138, .2);}
#header .block {position:relative;}
#header .logo {float:left;}
#header .logo a {background:url(../image/logo.png) no-repeat; width:170px; height:34px; background-size:100%; display:block; margin:13px 0;}


#nav {position:absolute; top:50%; right:10px; transform: translate(0,-50%);}
#nav li {float:left; margin-left:40px;}
#nav li a {display:block; padding-bottom:4px; background:linear-gradient( to right, #cfb88a, #cfb88a) no-repeat center bottom; background-size: 0 1px; transition: background-size 0.2s;}
#nav li a:hover {background-size: 100% 1px; transition: all 0.2s;}
#nav li ul {position:absolute; margin:0 0 0 -30px; display:none; padding:18px 0 0 0;}
#nav .nav2 a {background:#fff; display:block; white-space:nowrap; padding:12px 30px;}
#nav .now a {color:#cfb88a;}
#nav a.now {color:#cfb88a;}


#index-banner {margin-top:60px; height:400px; background:#f9f6f0; position:relative; overflow:hidden;}
#index-banner .swiper-container {height:400px;}
#index-banner .toppic-font {position:absolute; bottom:17%; left:5%;}
#index-banner .txta {font-size:70px;}
#index-banner .txtb {padding:5% 0 15% 0;}
#index-banner .pic {position:absolute; right:-2%; bottom:0;}
#index-banner .pic img {height:380px;}
#index-banner .more a {background:#000; color:#fff; padding:14px 32px;}
#index-banner .more a:hover {background:#cfb88a; color:#fff;}


#index-major {margin:40px 0;}
#index-major .list {margin-top:40px; overflow:hidden;}
#index-major .list .swiper-button-prev,#index-major .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#index-major .list:hover .swiper-button-prev,#index-major .list:hover .swiper-button-next{display:block;}
#index-major .list .swiper-slide {overflow:hidden; width:100%; height:350px;}
#index-major .list .pic1 {position:absolute; z-index:1; right:-66px; bottom:-15px;}
#index-major .list .pic2 {position:absolute; z-index:1; right:-46px; bottom:-20px;}
#index-major .list .pic3 {position:absolute; z-index:1; right:-86px; bottom:-20px;}
#index-major .list .pic4 {position:absolute; z-index:1; right:-110px; bottom:-20px;}
#index-major .list .pic1 img, .pic2 img, .pic3 img, .pic4 img {height:350px;}
#index-major .list .title {position:absolute; z-index:2; padding:10% 0 0 10%;}
#index-major .list .title2 {padding:5px 0 0 0;}
#index-major .list .bg1 {background:#f9f6f0;}
#index-major .list .bg2 {background:#f0f3f9;}
#index-major .list .bg3 {background:#f1f9f0;}
#index-major .list .bg4 {background:#f9f0f0;}
#index-major .list a .more{position:absolute; z-index:3; bottom:0; background:#000; color:#fff; width:100%; text-align:center; padding:18px 0; transition: all 0.2s;}
#index-major .list a:hover .more{background:#cfb88a; color:#fff; transition: all 0.2s;}


#choice {margin:0; padding:40px 0; background:#f9f6f0;}
#choice .list {padding-top:40px; margin-bottom:-40px;}
#choice .list ul {margin-left:-3.1%;}
#choice .list li {float:left; width:30.33%; margin:0 0 40px 3%; transition: all 0.2s;}
#choice .list li .iconfont {color:#000; transition: all 0.2s;}
#choice .list li:hover .iconfont {color:#cfb88a; transition: all 0.2s;}
#choice .list li .title {padding-top:20px;}
#choice .list li .detail {padding:10px 30px 0 30px;}


#work {margin:40px 0;}
#work .list {margin-top:40px; overflow:hidden;}
#work .list .swiper-button-prev,#work .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#work .list:hover .swiper-button-prev,#work .list:hover .swiper-button-next{display:block;}
#work .list .swiper-slide {overflow:hidden; width:100%; max-height:340px;}
#work .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:340px;}
#work .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}


#data {margin:0; padding:6vw 0; background:url(../image/data_bg.jpg) center center; background-size:100%;}
#data .list {margin:0;}
#data .list li {float:left; width:25%;}
#data .list .number {font-size:3vw;}
#data .list .number-txt {font-size:1vw;}
#data .list .detail {margin-top:15px;}


#teachers {margin:40px 0;}
#teachers .list {margin-top:40px; overflow:hidden;}
#teachers .list .swiper-button-prev,#teachers .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#teachers .list:hover .swiper-button-prev,#teachers .list:hover .swiper-button-next{display:block;}
#teachers .list .swiper-slide {overflow:hidden; width:100%; max-height:300px;}
#teachers .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:300px;}
#teachers .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#teachers .list .info{position:absolute; padding:0 0 6% 0; text-align:center; width:100%; background: rgba(0,0,0,0.5); z-index:999; bottom:-130px; transition: all 0.2s;}	
#teachers .list .swiper-slide:hover .info{bottom:0;}
#teachers .list .title {margin:6% 0 3% 0;}


#index-about {margin:40px 0; padding:40px 0; background:#f9f6f0;}
#index-about .left {float:left; width:64%; margin-right:4%; padding:40px 0 0 0;}
#index-about .text {overflow:hidden; height:155px;}
#index-about .right {float:left; width:32%; padding:40px 0 0 0;}
#index-about .right img {width:100%;}
#index-about .more {margin:30px 0 10px 0;}
#index-about .more a {background:#000; color:#fff; width:100%; text-align:center; padding:14px 32px; transition: all 0.2s;}
#index-about .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-news {margin:40px 0;}
#index-news .list {margin-top:40px; overflow:hidden;}
#index-news .list .swiper-button-prev,#index-news .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#index-news .list:hover .swiper-button-prev,#index-news .list:hover .swiper-button-next{display:block;}
#index-news .list .swiper-slide {overflow:hidden; width:100%;}
#index-news .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:140px;}
#index-news .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:140px;}
#index-news .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .list .title {padding:10px 0 0 0; width:100%;}	
#index-news .more a {margin:40px auto 0 auto;  background:#000; color:#fff; padding:14px 32px; display:inline-block; transition: all 0.2s;}
#index-news .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-ewm {margin:40px 0 0 0; padding:40px 0; background:#f9f6f0;}
#index-ewm .list {margin-top:40px; overflow:hidden;}
#index-ewm .list ul {width:100%;}
#index-ewm .list li {float:left; width:16.66%; text-align:center;}
#index-ewm .list li .pic {width:80px; max-height:85px; min-height:80px; text-align:center; margin:0 auto 10px auto; overflow:hidden;}
#index-ewm .list li .pic img {width:100%; height:auto;}


#contact {padding:20px 0; background:#000;}
#contact .list li {margin-top:15px;}


#footer {background:#000; padding:15px 0;}
 


#n-nav {margin-top:60px; height:60px; line-height:60px; background:#f9f6f0; overflow:hidden;}
#n-nav .menu {float:right;}
#n-nav .menu a {background:#fff; padding:8px 20px; margin-left:10px;}
#n-nav .menu a:hover {background:#000; color:#fff;}
#n-nav .menu a.cu {background:#000; color:#fff;}


#n-major-banner {margin-top:60px; height:400px; position:relative; overflow:hidden; width:100%;}
#n-major-banner .bg1 {position:absolute; width:100%; height:100%; background:#f9f6f0;}
#n-major-banner .bg2 {position:absolute; width:100%; height:100%; background:#f0f3f9;}
#n-major-banner .bg3 {position:absolute; width:100%; height:100%; background:#f1f9f0;}
#n-major-banner .bg4 {position:absolute; width:100%; height:100%; background:#f9f0f0;}
#n-major-banner .toppic-font {position:absolute; bottom:18%; left:5%; z-index:2;}
#n-major-banner .txta {font-size:70px;}
#n-major-banner .txtb {width:57%; padding:3% 0 4% 0; line-height:180%;}
#n-major-banner .pic {position:absolute; right:-4%; bottom:0; z-index:2;}
#n-major-banner .pic img {height:380px;}
#n-major-banner .more a {background:#000; color:#fff; padding:14px 32px;}
#n-major-banner .more a:hover {background:#cfb88a; color:#fff;}

#n-major-nav {margin:10px 0; overflow:hidden;}
#n-major-nav .bt {float:left; margin-top:4px;}
#n-major-nav .menu {float:right;}
#n-major-nav .menu li {float:left; margin-left:10px;}
#n-major-nav .menu li a {background:#fff; padding:8px 20px; display:block;}
#n-major-nav .menu li a:hover {background:#000; color:#fff;}
#n-major-nav .menu li a.cu {background:#000; color:#fff; display:block;}


#n-major {margin:40px 0; min-height:500px;}
#n-major .list {margin-bottom:-3%; overflow:hidden;}
#n-major .list ul {width:103%;}
#n-major .list li {float:left; width:47%; margin:0 3% 3% 0;}
#n-major .list li .pic {float:left; width:45%; overflow:hidden;}
#n-major .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:5px 0; width:68px; text-align:center; z-index:2;}
#n-major .list .content {float:left; width:45%; margin:0 5%;}
#n-major .list .custom {margin:15px 0;}
#n-major .list .detail {margin:15px 0 25px 0; line-height:180%; text-align:justify; overflow:hidden; font-size:14px;}
#n-major .more li {float:left;}
#n-major .more li a {background:#000; color:#fff; display:block; padding:0.7vw 1vw; text-align:center;}
#n-major .more li a:hover {background:#cfb88a; color:#fff;}


#n-major-content {margin:40px 0; min-height:500px;}
#n-major-content .left {float:left; width:68%; margin-right:10%;}
#n-major-content .left .content {margin:30px 0 0 0; overflow:hidden; line-height:220%; text-align: justify;}
#n-major-content .left .content img {max-width:100%;}
#n-major-content .left .custom {margin:10px 0;}
#n-major-content .left td {padding:4px 0;}
#n-major-content .right {float:right; width:22%;}
#n-major-content .right .list {margin:20px 0 -3% 0; overflow:hidden;}
#n-major-content .right .list ul {width:100%;}
#n-major-content .right .list li {float:left; width:100%; margin:0 0 3% 0;}
#n-major-content .right .list li .pic {overflow:hidden; width:100%;}
#n-major-content .right .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major-content .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major-content .right .list .title {padding:10px 0; width:100%;}
#n-major-content .right .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:5px 0; width:68px; text-align:center; z-index:2;}


#n-about-banner {margin-top:60px; height:400px; position:relative; background:url(../image/about_bg.jpg) center center; background-size:100%;}
#n-about-banner .text {margin:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:70px;}
#n-about-banner .text-b {padding:3% 0 0 0;}

#n-about {padding:40px 0;}
#n-about .video {margin:40px 0 20px 0; overflow:hidden; text-align:center;}
#n-about .video video {width:100%;}
#n-about .content {text-align: justify;}
 

#n-environment {margin:40px 0;}
#n-environment .list {margin-top:40px; overflow:hidden;}
#n-environment .list .swiper-button-prev,#n-environment .list .swiper-button-next{background:#000; color:#fff; padding:0.8vw; font-size:1.2vw; display:none;}
#n-environment .list:hover .swiper-button-prev,#n-environment .list:hover .swiper-button-next{display:block;}
#n-environment .list .swiper-slide {overflow:hidden; width:100%;}
#n-environment .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:140px;}
#n-environment .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:140px;}
#n-environment .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-environment .list .title {padding:10px 0 0 0; width:100%;}	
#n-environment .back a {margin:40px auto 0 auto;  background:#000; color:#fff; padding:14px 32px; display:inline-block; transition: all 0.2s;}
#n-environment .back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-news {margin:40px 0; min-height:500px;}
#n-news .list {margin-bottom:-3%; overflow:hidden;}
#n-news .list ul {width:103%;}
#n-news .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-news .list li .pic {overflow:hidden; width:100%; max-height:140px;}
#n-news .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:140px;}
#n-news .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .list .title {padding:10px 0 0 0; width:100%;}
#n-news .content {line-height:220%;}


#n-teachers {margin:40px 0; min-height:500px;}
#n-teachers .list {margin-bottom:-3%; overflow:hidden;}
#n-teachers .list ul {width:103%;}
#n-teachers .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-teachers .list li .pic {overflow:hidden; width:100%; max-height:300px;}
#n-teachers .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:300px;}
#n-teachers .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-teachers .list .title {padding:10px 0 0 0; width:100%;}


#n-work {margin:40px 0; min-height:500px;}
#n-work .list {margin-bottom:-3%; overflow:hidden;}
#n-work .list ul {width:103%;}
#n-work .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-work .list li .pic {overflow:hidden; width:100%; max-height:340px;}
#n-work .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:340px;}
#n-work .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-work .list .title {padding:10px 0 0 0; width:100%;}

#n-content {margin:0;}
#n-content .date {margin-top:10px;}
#n-content .content {margin:20px 0; overflow:hidden; line-height:220%; text-align: justify;}
#n-content .content img {max-width:100%;}
#n-back a {margin:40px auto 0 auto;  background:#000; color:#fff; padding:14px 32px; display:inline-block; transition: all 0.2s;}
#n-back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-contact {margin:40px 0 0 0; min-height:500px; overflow:hidden;}
#n-contact .list ul {width:105%;}
#n-contact .list li {float:left; width:45%; margin:0 5% 5% 0;}
#n-contact .bt {margin-bottom:20px;}
#n-contact .menu {margin-top:30px;}
#n-contact .menu a {background:#000; color:#fff; padding:14px 32px; margin-right:10px;}
#n-contact .menu a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}

#n-contact .list-ewm {margin:0 0 40px 0; overflow:hidden;}
#n-contact .list-ewm ul {margin:40px 0 0 0; width:108%;}
#n-contact .list-ewm li {float:left; text-align:center; margin:0 8% 0 0;}
#n-contact .list-ewm li .pic {width:80px; max-height:80px; min-height:80px; margin:0 0 10px 0; overflow:hidden;}
#n-contact .list-ewm li .pic img {width:100%; height:auto;}


.pagelist ul{text-align:center;margin:40px 0; font-size:0;}
.pagelist li {display:inline-block;margin:0 3px; font-size:14px;}
.pagelist li a {padding:10px 14px; border:1px #eee solid;}
.pagelist li a:hover {border:1px #000 solid; background:#000; color:#fff;}
.pagelist .hover {border:1px #000 solid; background:#000; color:#fff; padding:10px 14px;}

}





@media screen and (min-width: 481px) and (max-width: 768px) {

body {width:100%; height:100%; margin: 0px; font:14px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#fff;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:12px;}
.f16 {font-size:12px;}
.f18 {font-size:14px;}
.f24 {font-size:16px;}
.f30 {font-size:18px;}
.f36 {font-size:20px;}
.f60 {font-size:50px;}


.ro5 {border-radius:5px;}
.ro10 {border-radius:10px;}
.ro100 {border-radius:100px;}


.lh120 {line-height:120%;}
.lh180 {line-height:180%;}
.lh220 {line-height:220%;}


#main-block {margin:0 10px;}


#header,#m-footer {display:none;}


#m-header .sp_header{height:46px; overflow:hidden; background:#fff; position:fixed; top:0; left:0; z-index:99; width:100%; box-shadow:0 0 15px rgba(207, 184, 138, .2);}
#m-header .sp_logo a {background:url(../image/logo.png) no-repeat; width:150px; height:30px; margin:8px 10px; background-size:100%; display:block; float:left; }
#m-header .sp_nav {width:54px;float:right;position:relative;cursor:pointer;height:30px;margin-top:13px;}
#m-header .sp_nav span{display:block;background:#000; width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.2s}
#m-header .sp_nav span:nth-of-type(1){top:0px}
#m-header .sp_nav span:nth-of-type(2){top:10px}
#m-header .sp_nav span:nth-of-type(3){top:20px}
#m-header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
#m-header .sp_nav_se span:nth-of-type(2){width:0}
#m-header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
#m-header .sjj_nav {position:fixed;z-index:8; background: rgba(0,0,0,0.9); width:100%; height:calc(100% - 0px); top:-100%;left:0; overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
#m-header .sjj_nav ul {margin:2%; text-align:center; font-size:18px;}
#m-header .sjj_nav li a {color:#fff; width:100%; display:block; padding:20px 0; border-bottom:1px #222 solid;}
#m-header .sjj_nav li a:hover {color:#cfb88a;}
#m-header .nav_show{top:46px;}


#nav {position:absolute; top:50%; right:10px; transform: translate(0,-50%);}
#nav li {float:left; margin-left:40px;}
#nav li a {display:block; padding-bottom:4px; background:linear-gradient( to right, #cfb88a, #cfb88a) no-repeat center bottom; background-size: 0 1px; transition: background-size 0.2s;}
#nav li a:hover {background-size: 100% 1px; transition: all 0.2s;}
#nav li ul {position:absolute; margin:0 0 0 -30px; display:none; padding:18px 0 0 0;}
#nav .nav2 a {background:#fff; display:block; white-space:nowrap; padding:12px 30px;}
#nav .now a {color:#cfb88a;}
#nav a.now {color:#cfb88a;}


#index-banner {margin-top:46px; height:300px; background:#f9f6f0; position:relative; overflow:hidden;}
#index-banner .swiper-container {height:300px;}
#index-banner .toppic-font {position:absolute; bottom:17%; left:5%;}
#index-banner .txta {font-size:50px;}
#index-banner .txtb {padding:5% 0 15% 0;}
#index-banner .pic {position:absolute; right:-2%; bottom:0;}
#index-banner .pic img {height:280px;}
#index-banner .more a {background:#000; color:#fff; padding:10px 25px;}
#index-banner .more a:hover {background:#cfb88a; color:#fff;}


#index-major {margin:30px 0;}
#index-major .list {margin-top:30px; overflow:hidden;}
#index-major .list .swiper-button-prev,#index-major .list .swiper-button-next{background:#000; color:#fff; padding:1.5vw; font-size:2vw; display:none;}
#index-major .list:hover .swiper-button-prev,#index-major .list:hover .swiper-button-next{display:block;}
#index-major .list .swiper-slide {overflow:hidden; width:100%; height:240px;}
#index-major .list .pic1 {position:absolute; z-index:1; right:-46px; bottom:-15px;}
#index-major .list .pic2 {position:absolute; z-index:1; right:-26px; bottom:-20px;}
#index-major .list .pic3 {position:absolute; z-index:1; right:-66px; bottom:-20px;}
#index-major .list .pic4 {position:absolute; z-index:1; right:-86px; bottom:-20px;}
#index-major .list .pic1 img, .pic2 img, .pic3 img, .pic4 img {height:240px;}
#index-major .list .title {position:absolute; z-index:2; padding:10% 0 0 10%;}
#index-major .list .title2 {padding:5px 0 0 0;}
#index-major .list .bg1 {background:#f9f6f0;}
#index-major .list .bg2 {background:#f0f3f9;}
#index-major .list .bg3 {background:#f1f9f0;}
#index-major .list .bg4 {background:#f9f0f0;}
#index-major .list a .more{position:absolute; z-index:3; bottom:0; background:#000; color:#fff; width:100%; text-align:center; padding:18px 0; transition: all 0.2s;}
#index-major .list a:hover .more{background:#cfb88a; color:#fff; transition: all 0.2s;}


#choice {margin:0; padding:30px 0; background:#f9f6f0;}
#choice .list {padding-top:30px; margin-bottom:-30px;}
#choice .list ul {margin-left:-3.1%;}
#choice .list li {float:left; width:30.33%; margin:0 0 30px 3%; transition: all 0.2s;}
#choice .list li .iconfont {color:#000; transition: all 0.2s;}
#choice .list li:hover .iconfont {color:#cfb88a; transition: all 0.2s;}
#choice .list li .title {padding-top:10px;}
#choice .list li .detail {padding:10px 20px 0 20px;}


#work {margin:30px 0;}
#work .list {margin-top:30px; overflow:hidden;}
#work .list .swiper-button-prev,#work .list .swiper-button-next{background:#000; color:#fff; padding:1.5vw; font-size:2vw; display:none;}
#work .list:hover .swiper-button-prev,#work .list:hover .swiper-button-next{display:block;}
#work .list .swiper-slide {overflow:hidden; width:100%; max-height:250px;}
#work .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:250px;}
#work .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}


#data {margin:0; padding:5vw 0; background:url(../image/data_bg.jpg) center center; background-size:100%;}
#data .list {margin:0;}
#data .list li {float:left; width:25%;}
#data .list .number {font-size:3vw;}
#data .list .number-txt {font-size:1vw;}
#data .list .detail {margin-top:15px;}


#teachers {margin:30px 0;}
#teachers .list {margin-top:30px; overflow:hidden;}
#teachers .list .swiper-button-prev,#teachers .list .swiper-button-next{background:#000; color:#fff; padding:1.5vw; font-size:2vw; display:none;}
#teachers .list:hover .swiper-button-prev,#teachers .list:hover .swiper-button-next{display:block;}
#teachers .list .swiper-slide {overflow:hidden; width:100%; max-height:230px;}
#teachers .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:230px;}
#teachers .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#teachers .list .info{position:absolute; padding:0 0 6% 0; text-align:center; width:100%; background: rgba(0,0,0,0.5); z-index:999; bottom:-130px; transition: all 0.2s;}	
#teachers .list .swiper-slide:hover .info{bottom:0;}
#teachers .list .title {margin:6% 0 3% 0;}


#index-about {margin:30px 0; padding:30px 0; background:#f9f6f0;}
#index-about .left {float:left; width:64%; margin-right:4%; padding:30px 0 0 0;}
#index-about .text {overflow:hidden; height:105px; line-height:180%;}
#index-about .right {float:left; width:32%; padding:30px 0 0 0;}
#index-about .right img {width:100%;}
#index-about .more {margin:30px 0 10px 0;}
#index-about .more a {background:#000; color:#fff; width:100%; text-align:center; padding:10px 25px; transition: all 0.2s;}
#index-about .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-news {margin:30px 0;}
#index-news .list {margin-top:30px; overflow:hidden;}
#index-news .list .swiper-button-prev,#index-news .list .swiper-button-next{background:#000; color:#fff; padding:1.5vw; font-size:2vw; display:none;}
#index-news .list:hover .swiper-button-prev,#index-news .list:hover .swiper-button-next{display:block;}
#index-news .list .swiper-slide {overflow:hidden; width:100%;}
#index-news .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:105px;}
#index-news .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:105px;}
#index-news .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .list .title {padding:10px 0 0 0; width:100%;}	
#index-news .more a {margin:30px auto 0 auto;  background:#000; color:#fff; padding:10px 25px; display:inline-block; transition: all 0.2s;}
#index-news .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-ewm {display:none;}


#contact {padding:10px 0; background:#000;}
#contact .list li {margin-top:10px; font-size:1.6vw;}


#footer {background:#000; padding:10px 0; font-size:1.6vw;}
 


#n-nav {margin-top:46px; height:46px; line-height:46px; background:#f9f6f0; overflow:hidden;}
#n-nav .menu {float:right;}
#n-nav .menu a {background:#fff; padding:8px 12px; margin-left:10px;}
#n-nav .menu a:hover {background:#000; color:#fff;}
#n-nav .menu a.cu {background:#000; color:#fff;}


#n-major-banner {margin-top:46px; height:300px; position:relative; overflow:hidden; width:100%;}
#n-major-banner .bg1 {position:absolute; width:100%; height:100%; background:#f9f6f0;}
#n-major-banner .bg2 {position:absolute; width:100%; height:100%; background:#f0f3f9;}
#n-major-banner .bg3 {position:absolute; width:100%; height:100%; background:#f1f9f0;}
#n-major-banner .bg4 {position:absolute; width:100%; height:100%; background:#f9f0f0;}
#n-major-banner .toppic-font {position:absolute; bottom:15%; left:4%; z-index:2;}
#n-major-banner .txta {font-size:50px;}
#n-major-banner .txtb {width:60%; padding:2% 0 4% 0; line-height:180%;}
#n-major-banner .pic {position:absolute; right:-4%; bottom:0; z-index:2;}
#n-major-banner .pic img {height:280px;}
#n-major-banner .more a {background:#000; color:#fff; padding:10px 25px;}
#n-major-banner .more a:hover {background:#cfb88a; color:#fff;}

#n-major-nav {margin:10px 0; overflow:hidden;}
#n-major-nav .bt {float:left; margin-top:5px;}
#n-major-nav .menu {float:right;}
#n-major-nav .menu li {float:left; margin-left:10px;}
#n-major-nav .menu li a {background:#fff; padding:8px 12px; display:block;}
#n-major-nav .menu li a:hover {background:#000; color:#fff;}
#n-major-nav .menu li a.cu {background:#000; color:#fff; display:block;}


#n-major {margin:30px 0; min-height:500px;}
#n-major .list {margin-bottom:-3%; overflow:hidden;}
#n-major .list ul {width:103%;}
#n-major .list li {float:left; width:47%; margin:0 3% 3% 0;}
#n-major .list li .pic {float:left; width:45%; overflow:hidden;}
#n-major .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:4px 0; width:60px; text-align:center; z-index:2;}
#n-major .list .content {float:left; width:45%; margin:0 5%;}
#n-major .list .custom {margin:10px 0;}
#n-major .list .detail {margin:10px 0 20px 0; line-height:150%; text-align:justify; overflow:hidden; max-height:105px; font-size:12px;}
#n-major .more li {float:left;}
#n-major .more li a {background:#000; color:#fff; display:block; padding:0.7vw 1vw; text-align:center;}
#n-major .more li a:hover {background:#cfb88a; color:#fff;}


#n-major-content {margin:30px 0; min-height:760px;}
#n-major-content .left {float:left; width:68%; margin-right:10%;}
#n-major-content .left .content {margin:20px 0 0 0; overflow:hidden; line-height:200%; text-align: justify;}
#n-major-content .left .content img {max-width:100%;}
#n-major-content .left .custom {margin:10px 0;}
#n-major-content .left td {padding:3px 0;}
#n-major-content .right {float:right; width:22%;}
#n-major-content .right .list {margin:10px 0 -3% 0; overflow:hidden;}
#n-major-content .right .list ul {width:100%;}
#n-major-content .right .list li {float:left; width:100%; margin:0 0 3% 0;}
#n-major-content .right .list li .pic {overflow:hidden; width:100%;}
#n-major-content .right .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major-content .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major-content .right .list .title {padding:10px 0; width:100%;}
#n-major-content .right .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:4px 0; width:60px; text-align:center; z-index:2;}


#n-about-banner {margin-top:46px; height:300px; position:relative; background:url(../image/about_bg.jpg) center center; background-size:100%;}
#n-about-banner .text {margin:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:50px;}
#n-about-banner .text-b {padding:3% 0 0 0;}

#n-about {padding:30px 0;}
#n-about .video {margin:30px 0 20px 0; overflow:hidden; text-align:center;}
#n-about .video video {width:100%;}
#n-about .content {text-align: justify;}
 

#n-environment {margin:30px 0;}
#n-environment .list {margin-top:30px; overflow:hidden;}
#n-environment .list .swiper-button-prev,#n-environment .list .swiper-button-next{background:#000; color:#fff; padding:1.5vw; font-size:2vw; display:none;}
#n-environment .list:hover .swiper-button-prev,#n-environment .list:hover .swiper-button-next{display:block;}
#n-environment .list .swiper-slide {overflow:hidden; width:100%;}
#n-environment .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:105px;}
#n-environment .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:105px;}
#n-environment .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-environment .list .title {padding:10px 0 0 0; width:100%;}	
#n-environment .back a {margin:30px auto 0 auto;  background:#000; color:#fff; padding:10px 25px; display:inline-block; transition: all 0.2s;}
#n-environment .back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-news {margin:30px 0; min-height:760px;}
#n-news .list {margin-bottom:-3%; overflow:hidden;}
#n-news .list ul {width:103%;}
#n-news .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-news .list li .pic {overflow:hidden; width:100%; max-height:105px;}
#n-news .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:105px;}
#n-news .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .list .title {padding:10px 0 0 0; width:100%;}
#n-news .content {line-height:200%;}


#n-teachers {margin:30px 0; min-height:760px;}
#n-teachers .list {margin-bottom:-3%; overflow:hidden;}
#n-teachers .list ul {width:103%;}
#n-teachers .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-teachers .list li .pic {overflow:hidden; width:100%; max-height:230px;}
#n-teachers .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:230px;}
#n-teachers .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-teachers .list .title {padding:10px 0 0 0; width:100%;}


#n-work {margin:30px 0; min-height:760px;}
#n-work .list {margin-bottom:-3%; overflow:hidden;}
#n-work .list ul {width:103%;}
#n-work .list li {float:left; width:22%; margin:0 3% 3% 0;}
#n-work .list li .pic {overflow:hidden; width:100%; max-height:250px;}
#n-work .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:250px;}
#n-work .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-work .list .title {padding:10px 0 0 0; width:100%;}

#n-content {margin:0;}
#n-content .date {margin-top:10px;}
#n-content .content {margin:20px 0; overflow:hidden; line-height:200%; text-align: justify;}
#n-content .content img {max-width:100%;}
#n-back a {margin:30px auto 0 auto;  background:#000; color:#fff; padding:10px 25px; display:inline-block; transition: all 0.2s;}
#n-back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-contact {margin:30px 0 0 0; min-height:790px; overflow:hidden;}
#n-contact .list ul {width:100%;}
#n-contact .list li {width:100%; margin:0 0 5% 0;}
#n-contact .bt {margin-bottom:10px;}
#n-contact .menu {margin-top:20px;}
#n-contact .menu a {background:#000; color:#fff; padding:14px 32px; margin-right:10px;}
#n-contact .menu a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}

#n-contact .list-ewm {display:none;}


.pagelist ul{text-align:center;margin:30px 0; font-size:0;}
.pagelist li {display:inline-block;margin:0 3px; font-size:14px;}
.pagelist li a {padding:10px 14px; border:1px #eee solid;}
.pagelist li a:hover {border:1px #000 solid; background:#000; color:#fff;}
.pagelist .hover {border:1px #000 solid; background:#000; color:#fff; padding:10px 14px;}

}





@media screen and (min-width: 1px) and (max-width: 480px) {
body {width:100%; height:100%; margin: 0px; font:12px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#fff;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:12px;}
.f16 {font-size:12px;}
.f18 {font-size:12px;}
.f24 {font-size:14px;}
.f30 {font-size:16px;}
.f36 {font-size:18px;}
.f60 {font-size:36px;}


.ro5 {border-radius:5px;}
.ro10 {border-radius:10px;}
.ro100 {border-radius:100px;}


.lh120 {line-height:120%;}
.lh180 {line-height:180%;}
.lh220 {line-height:220%;}


#main-block {margin:0 10px;}


#header {display:none;}


#m-header .sp_header{height:40px; overflow:hidden; background:#fff; position:fixed; top:0; left:0; z-index:99; width:100%; box-shadow:0 0 15px rgba(207, 184, 138, .2);}
#m-header .sp_logo a {background:url(../image/logo.png) no-repeat; width:130px; height:26px; margin:7px 10px; background-size:100%; display:block; float:left; }
#m-header .sp_nav {width:48px;float:right;position:relative;cursor:pointer;height:30px;margin-top:11px;}
#m-header .sp_nav span{display:block;background:#000; width:26px;height:3px;position:absolute;left:10px;transition:all ease 0.2s}
#m-header .sp_nav span:nth-of-type(1){top:0px}
#m-header .sp_nav span:nth-of-type(2){top:8px}
#m-header .sp_nav span:nth-of-type(3){top:16px}
#m-header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
#m-header .sp_nav_se span:nth-of-type(2){width:0}
#m-header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
#m-header .sjj_nav {position:fixed;z-index:8; background: rgba(0,0,0,0.9); width:100%; height:calc(100% - 0px); top:-100%;left:0; overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
#m-header .sjj_nav ul {margin:2%; text-align:center; font-size:16px;}
#m-header .sjj_nav li a {color:#fff; width:100%; display:block; padding:20px 0; border-bottom:1px #222 solid;}
#m-header .sjj_nav li a:hover {color:#cfb88a;}
#m-header .nav_show{top:40px;}


#index-banner {margin-top:40px; height:180px; background:#f9f6f0; position:relative; overflow:hidden;}
#index-banner .swiper-container {height:180px;}
#index-banner .toppic-font {position:absolute; bottom:17%; left:5%;}
#index-banner .txta {font-size:24px;}
#index-banner .txtb {padding:5% 0 10% 0; font-size:14px;}
#index-banner .pic {position:absolute; right:-6%; bottom:0;}
#index-banner .pic img {height:170px;}
#index-banner .more a {background:#000; color:#fff; padding:8px 16px;}
#index-banner .more a:hover {background:#cfb88a; color:#fff;}


#index-major {margin:20px 0;}
#index-major .list {margin-top:20px; overflow:hidden;}
#index-major .list .swiper-button-prev,#index-major .list .swiper-button-next{background:#000; color:#fff; padding:2vw; font-size:2.5vw; display:none;}
#index-major .list:hover .swiper-button-prev,#index-major .list:hover .swiper-button-next{display:block;}
#index-major .list .swiper-slide {overflow:hidden; width:100%; height:160px;}
#index-major .list .pic1 {position:absolute; z-index:1; right:-40px; bottom:-10px;}
#index-major .list .pic2 {position:absolute; z-index:1; right:-26px; bottom:-15px;}
#index-major .list .pic3 {position:absolute; z-index:1; right:-50px; bottom:-15px;}
#index-major .list .pic4 {position:absolute; z-index:1; right:-60px; bottom:-15px;}
#index-major .list .pic1 img, .pic2 img, .pic3 img, .pic4 img {height:160px;}
#index-major .list .title {position:absolute; z-index:2; padding:10% 0 0 10%;}
#index-major .list .title2 {padding:5px 0 0 0;}
#index-major .list .bg1 {background:#f9f6f0;}
#index-major .list .bg2 {background:#f0f3f9;}
#index-major .list .bg3 {background:#f1f9f0;}
#index-major .list .bg4 {background:#f9f0f0;}
#index-major .list a .more{position:absolute; z-index:3; bottom:0; background:#000; color:#fff; width:100%; text-align:center; padding:18px 0; transition: all 0.2s;}
#index-major .list a:hover .more{background:#cfb88a; color:#fff; transition: all 0.2s;}


#choice {margin:0; padding:20px 0; background:#f9f6f0;}
#choice .list {padding-top:20px; margin-bottom:-20px;}
#choice .list ul {margin-left:-3.1%;}
#choice .list li {float:left; width:30.33%; margin:0 0 20px 3%; transition: all 0.2s;}
#choice .list li .iconfont {color:#000; transition: all 0.2s;}
#choice .list li:hover .iconfont {color:#cfb88a; transition: all 0.2s;}
#choice .list li .title {padding-top:10px;}
#choice .list li .detail {padding:10px 10px 0 10px; line-height:150%;}


#work {margin:20px 0;}
#work .list {margin-top:20px; overflow:hidden;}
#work .list .swiper-button-prev,#work .list .swiper-button-next{background:#000; color:#fff; padding:2vw; font-size:2.5vw; display:none;}
#work .list:hover .swiper-button-prev,#work .list:hover .swiper-button-next{display:block;}
#work .list .swiper-slide {overflow:hidden; width:100%; max-height:170px;}
#work .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:170px;}
#work .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}


#data {margin:0; padding:5vw 0; background:url(../image/data_bg.jpg) center center; background-size:100%;}
#data .list {margin:0;}
#data .list li {float:left; width:25%;}
#data .list .number {font-size:4.5vw;}
#data .list .number-txt {font-size:2vw;}
#data .list .detail {margin-top:10px; font-size:2.5vw;}


#teachers {margin:20px 0;}
#teachers .list {margin-top:20px; overflow:hidden;}
#teachers .list .swiper-button-prev,#teachers .list .swiper-button-next{background:#000; color:#fff; padding:2vw; font-size:2.5vw; display:none;}
#teachers .list:hover .swiper-button-prev,#teachers .list:hover .swiper-button-next{display:block;}
#teachers .list .swiper-slide {overflow:hidden; width:100%; max-height:150px;}
#teachers .list .swiper-slide img {width:100%; height:auto; transition: all 0.2s; min-height:150px;}
#teachers .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#teachers .list .info{position:absolute; padding:0 0 6% 0; text-align:center; width:100%; background: rgba(0,0,0,0.5); z-index:999; bottom:-130px; transition: all 0.2s;}	
#teachers .list .swiper-slide:hover .info{bottom:0;}
#teachers .list .title {margin:6% 0 3% 0;}


#index-about {margin:20px 0; padding:20px 0; background:#f9f6f0;}
#index-about .left {width:100%; padding:20px 0 0 0;}
#index-about .text {line-height:200%;}
#index-about .right {width:100%; padding:20px 0 0 0;}
#index-about .right img {width:100%;}
#index-about .more {margin:20px 0 10px 0; text-align:center;}
#index-about .more a {background:#000; color:#fff; width:100%; text-align:center; padding:8px 16px; transition: all 0.2s;}
#index-about .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-news {margin:20px 0;}
#index-news .list {margin-top:20px; overflow:hidden;}
#index-news .list .swiper-button-prev,#index-news .list .swiper-button-next{background:#000; color:#fff; padding:2vw; font-size:2.5vw; display:none;}
#index-news .list:hover .swiper-button-prev,#index-news .list:hover .swiper-button-next{display:block;}
#index-news .list .swiper-slide {overflow:hidden; width:100%;}
#index-news .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:70px;}
#index-news .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:70px;}
#index-news .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .list .title {padding:10px 0 0 0; width:100%;}	
#index-news .more a {margin:20px auto 0 auto;  background:#000; color:#fff; padding:6px 16px; display:inline-block; transition: all 0.2s;}
#index-news .more a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#index-ewm {display:none;}


#contact {padding:10px 0; background:#000; line-height:180%;}
#contact .list li {margin-top:5px; font-size:2.8vw;}


#footer {margin-bottom:40px; font-size:2.8vw; line-height:180%; background:#000; padding:0 0 10px 0;}


#m-footer {position:fixed; left:0; bottom:0; height:40px; width:100%; background:#000; z-index:2;}
#m-footer ul {padding:4px 0 0 0;}
#m-footer li {float:left; width:25%; font-size:1.8vw; text-align:center;}
#m-footer li div {font-size:5vw;}
#m-footer li span {color:#000; position:absolute; margin:2px 0 0 -40px; z-index:-1; font-size:0.1vw;}


#n-nav {margin-top:40px; height:40px; line-height:40px; background:#f9f6f0; overflow:hidden;}
#n-nav .menu {float:right;}
#n-nav .menu a {background:#fff; padding:8px 10px; margin-left:5px;}
#n-nav .menu a:hover {background:#000; color:#fff;}
#n-nav .menu a.cu {background:#000; color:#fff;}


#n-major-banner {margin-top:40px; height:180px; position:relative; overflow:hidden; width:100%;}
#n-major-banner .bg1 {position:absolute; width:100%; height:100%; background:#f9f6f0;}
#n-major-banner .bg2 {position:absolute; width:100%; height:100%; background:#f0f3f9;}
#n-major-banner .bg3 {position:absolute; width:100%; height:100%; background:#f1f9f0;}
#n-major-banner .bg4 {position:absolute; width:100%; height:100%; background:#f9f0f0;}
#n-major-banner .toppic-font {position:absolute; bottom:35%; left:4%; z-index:2;}
#n-major-banner .txta {font-size:24px; margin-bottom:20px;}
#n-major-banner .txtb {width:60%; padding:2% 0 4% 0; line-height:180%; display:none;}
#n-major-banner .pic {position:absolute; right:-6%; bottom:0; z-index:2;}
#n-major-banner .pic img {height:170px;}
#n-major-banner .more a {background:#000; color:#fff; padding:8px 16px;}
#n-major-banner .more a:hover {background:#cfb88a; color:#fff;}

#n-major-nav {margin:10px 0; overflow:hidden;}
#n-major-nav .bt {float:left; margin-top:4px;}
#n-major-nav .menu {float:right;}
#n-major-nav .menu li {float:left;;}
#n-major-nav .menu li a {background:#fff; padding:6px 10px; display:block;}
#n-major-nav .menu li a:hover {background:#000; color:#fff; padding:6px 10px;}
#n-major-nav .menu li a.cu {background:#000; color:#fff; display:block;}


#n-major {margin:20px 0; min-height:500px;}
#n-major .list {margin-bottom:-3%; overflow:hidden;}
#n-major .list ul {width:100%;}
#n-major .list li {width:100%; margin:0 0 3% 0; overflow:hidden;}
#n-major .list li .pic {float:left; width:30%; overflow:hidden;}
#n-major .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:2px 0; width:50px; text-align:center; z-index:2;}
#n-major .list .content {float:left; width:62%; margin:0 0 0 4%;}
#n-major .list .custom {margin:10px 0;}
#n-major .list .detail {margin:10px 0; max-height:62px; line-height:180%; text-align:justify; overflow:hidden;}
#n-major .more {float:left; }
#n-major .more li {float:left; width:80px; margin-right:10px;}
#n-major .more li a {background:#000; color:#fff; padding:6px 0; text-align:center; display:block;}
#n-major .more li a:hover {background:#cfb88a; color:#fff;}


#n-major-content {margin:20px 0; min-height:600px;}
#n-major-content .left {width:100%;}
#n-major-content .left .content {margin:20px 0 0 0; overflow:hidden; line-height:200%; font-size:14px; text-align: justify;}
#n-major-content .left .content img {max-width:100%;}
#n-major-content .left .custom {margin:10px 0;}
#n-major-content .left td {padding:3px 0;}
#n-major-content .right {margin:20px 0 -10px 0; width:100%;}
#n-major-content .right .list {margin:10px 0 0 0; overflow:hidden;}
#n-major-content .right .list ul {width:102%;}
#n-major-content .right .list li {float:left; width:48%; margin:0 2% 0 0;}
#n-major-content .right .list li .pic {overflow:hidden; width:100%;}
#n-major-content .right .list li .pic img {width:100%; height:auto; transition: all 0.2s;}
#n-major-content .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-major-content .right .list .title {padding:10px 0; width:100%;}
#n-major-content .right .list .coursetag {background:#cfb88a; color:#fff; position:absolute; padding:2px 0; width:50px; text-align:center; z-index:2;}


#n-about-banner {margin-top:40px; height:180px; position:relative; background:url(../image/about_bg.jpg) center center; background-size:100%;}
#n-about-banner .text {margin:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:24px; width:100%;}
#n-about-banner .text-b {padding:3%; font-size:14px;}

#n-about {padding:20px 0;}
#n-about .video {margin:20px 0 10px 0; overflow:hidden; text-align:center;}
#n-about .video video {width:100%;}
#n-about .content {text-align: justify; font-size:14px;}
 

#n-environment {margin:20px 0;}
#n-environment .list {margin-top:20px; overflow:hidden;}
#n-environment .list .swiper-button-prev,#n-environment .list .swiper-button-next{background:#000; color:#fff; padding:2vw; font-size:2.5vw; display:none;}
#n-environment .list:hover .swiper-button-prev,#n-environment .list:hover .swiper-button-next{display:block;}
#n-environment .list .swiper-slide {overflow:hidden; width:100%;}
#n-environment .list .swiper-slide .pic {overflow:hidden; width:100%; max-height:70px;}
#n-environment .list .swiper-slide .pic img {width:100%; height:auto; transition: all 0.2s; min-height:70px;}
#n-environment .list .swiper-slide:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-environment .list .title {padding:10px 0 0 0; width:100%;}	
#n-environment .back a {margin:20px auto 0 auto;  background:#000; color:#fff; padding:6px 16px; display:inline-block; transition: all 0.2s;}
#n-environment .back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-news {margin:20px 0; min-height:600px;}
#n-news .list {margin-bottom:-3%; overflow:hidden;}
#n-news .list ul {width:102%;}
#n-news .list li {float:left; width:48%; margin:0 2% 2% 0;}
#n-news .list li .pic {overflow:hidden; width:100%; max-height:100px;}
#n-news .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:100px;}
#n-news .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .list .title {padding:10px 0; width:100%;}
#n-news .content {font-size:14px; line-height:200%;}


#n-teachers {margin:20px 0; min-height:600px;}
#n-teachers .list {margin-bottom:-2%; overflow:hidden;}
#n-teachers .list ul {width:102%;}
#n-teachers .list li {float:left; width:48%; margin:0 2% 2% 0;}
#n-teachers .list li .pic {overflow:hidden; width:100%; max-height:230px;}
#n-teachers .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:230px;}
#n-teachers .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-teachers .list .title {padding:10px 0; width:100%;}


#n-work {margin:20px 0; min-height:600px;}
#n-work .list {margin-bottom:-2%; overflow:hidden;}
#n-work .list ul {width:102%;}
#n-work .list li {float:left; width:48%; margin:0 2% 2% 0;}
#n-work .list li .pic {overflow:hidden; width:100%; max-height:260px;}
#n-work .list li .pic img {width:100%; height:auto; transition: all 0.2s; min-height:260px;}
#n-work .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-work .list .title {padding:10px 0; width:100%;}

#n-content {margin:0;}
#n-content .date {margin-top:10px;}
#n-content .content {margin:10px 0; font-size:14px; overflow:hidden; line-height:200%; text-align: justify;}
#n-content .content img {max-width:100%;}
#n-back a {margin:20px auto 0 auto;  background:#000; color:#fff; padding:6px 16px; display:inline-block; transition: all 0.2s;}
#n-back a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}


#n-contact {margin:20px 0 0 0; min-height:610px; overflow:hidden; }
#n-contact .list ul {width:100%;}
#n-contact .list li {width:100%; margin:0 0 5% 0; font-size:14px;}
#n-contact .bt {margin-bottom:10px; font-size:14px;}
#n-contact .menu {margin-top:20px; font-size:12px;}
#n-contact .menu a {background:#000; color:#fff; padding:8px 16px; margin-right:10px;}
#n-contact .menu a:hover {background:#cfb88a; color:#fff; transition: all 0.2s;}

#n-contact .list-ewm {display:none;}


.pagelist ul{text-align:center;margin:20px 0 -24px 0; font-size:0;}
.pagelist li {display:inline-block;margin:0 3px 24px 3px; font-size:12px;}
.pagelist li a {padding:10px 14px; border:1px #eee solid;}
.pagelist li a:hover {border:1px #000 solid; background:#000; color:#fff;}
.pagelist .hover {border:1px #000 solid; background:#000; color:#fff; padding:10px 14px;}

}