﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}


.width_1600{ width:1600px; margin:0 auto;}

header{ width:100%; background:url(nav_bg.jpg) no-repeat; background-size: 100% 100%;}
.header_163 .logo{ margin: 23px 0; float: left;}
.header_163 .phone{ float: right; background:url(phone.png) no-repeat left center; padding-left:64px; margin:44px 200px 0 0;}
.header_163 .phone p{ font-size:20px; line-height:20px;}
.header_163 .phone p span{ color:#ba2a17; font-size:30px; font-weight:bold; line-height:30px; display:block; margin-top:6px;}

.nav_163{ background: #fff; width: 100%; line-height: 64px;}
.nav_center li{ float: left; width:calc(100% / 9);}
.nav_center li a{ color:#333; display:block; text-align:center;}
.nav_center .active a{ background: #ba2a17; color:#fff;}
.nav_center li:hover a{ background: #ba2a17; color:#fff;}


#mould82376 .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:60px;}
#mould82376 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:60px;}
#mould82376 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity:1; width:36px; border-radius:4px;}
#mould82376 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:#ba2a17;}


/*简介*/
.title_a{ text-align:center; padding:64px 0 48px 0;}
.title_a h2{ font-size:48px; font-weight:bold; color:#ba2a17; background:url(title_bg.png) no-repeat bottom right 49%; padding-bottom: 20px;}
.title_a p{ font-size:20px; line-height:20px; color:#666; margin-top:12px; letter-spacing:2px;}

.about_a{ background:url(about_bg.jpg) no-repeat bottom; padding-bottom:100px;}
.about_a .left{ float:left; width:48%; border-radius:12px; overflow:hidden;}
.about_a .left img{ width:100%; transition:.5s;}
.about_a .left:hover img{ transform:scale(1.1);}
.about_a .right{ float:right; width:48%;}
.about_a .right h2{ font-size:40px; line-height:40px; font-weight:bold; color:#1a1a1a; margin:40px 0;}
.about_a .right p{ line-height:36px; font-size:18px;}
.about_a .right a{ width:180px; line-height:64px; font-size:18px; color:#fff; background:#ba2a17; text-align:center; display:block; border-radius:10px; margin-top:60px;}


/*课程*/
.course_a{ background:url(course_bg.jpg) no-repeat; padding-bottom:80px;}
.course_list{ float:left; width:19%; margin-right:1.25%; border-radius:10px; overflow:hidden; position:relative;}
.course_list:last-child{ margin-right:0;}
.course_list img{ width:100%; transition:.5s;}
.course_list:hover img{ transform:scale(1.1);}
.course_list a{ position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; display:block;}
.course_list a h2{ width:28px; font-size:28px; line-height:28px; font-weight:bold; writing-mode:tb-rl; margin:30px 0 0 30px; letter-spacing: 6px; height:400px}
.course_list a p{ writing-mode:tb-rl; position: absolute; bottom: 0; right: 40px; font-size:18px; letter-spacing: 4px;}
.course_list a p:after{ content:"——"; letter-spacing: 0;}


/*招生*/
.students_a{ background:url(students.jpg) no-repeat; background-attachment: fixed; padding:100px 0 60px 0;}
.students_a .left{ float:left; width:20%;}
.students_a .left h2{ font-size:48px; line-height:48px; font-weight:bold; color:#fff;}
.students_a .left a{ width:180px; line-height:64px; font-size:18px; color:#ba2a17; background:#fff; text-align:center; display:block; border-radius:10px; margin-top:60px;}
.students_a .right{ float:right; width:70%;}
.students_a .right a{ float:left; text-align:center; display:block;}
.students_a .right a:nth-child(-n+3){ margin-right:100px;}
.students_a .right a span{ display:block; background:#fff url(btn_index.png) no-repeat; width:160px; height:160px; border-radius:50%;}
.students_a .right a:nth-child(2) span{ background-position:-160px 0;}
.students_a .right a:nth-child(3) span{ background-position:-320px 0;}
.students_a .right a:nth-child(4) span{ background-position:-480px 0;}
.students_a .right a:hover span{ background:#ba2a17 url(btn_index.png) no-repeat;}
.students_a .right a:nth-child(1):hover span{ background-position:0 -160px;}
.students_a .right a:nth-child(2):hover span{ background-position:-160px -160px;}
.students_a .right a:nth-child(3):hover span{ background-position:-320px -160px;}
.students_a .right a:nth-child(4):hover span{ background-position:-480px -160px;}
.students_a .right a p{ color:#fff; font-size:20px; margin-top:14px; font-weight:bold;}


/*风采*/
.honor_a{ background:url(honor_bg.jpg) no-repeat; padding-bottom:80px;}
.honor_a .width_1600 p{ text-align:center; font-size:18px; line-height:30px; padding:0 80px 30px 80px;}
.honor_a .swiper-wrapper{  
  -webkit-transition-timing-function:linear;
  -moz-transition-timing-function:linear;
  -ms-transition-timing-function:linear;
  -o-transition-timing-function:linear;
  transition-timing-function:linear;
}
.honor_a .swiper-slide{ border-radius:10px; overflow:hidden;}


/*荣誉*/
.certificate_a{ background:url(certificate_bg.jpg) no-repeat; padding-bottom:80px;}
.certificate_a a{ display:block; float:left; width:19%; margin-right:1.25%; border-radius:8px; overflow:hidden;}
.certificate_a a:nth-child(5n){ margin-right:0;}
.certificate_a a:nth-child(-n+5){ margin-bottom:1.25%;}
.certificate_a a img{ width:100%; transition:.5s; height:210px}
.certificate_a a:hover img{ transform:scale(1.1);}


/*新闻*/
.news_a{ background:url(news_bg.jpg) no-repeat bottom; padding-bottom:80px;}
.news_a .left{ float:left; width:45%; border-radius:12px; overflow:hidden;}
.news_a .left a{ display:none;}
.news_a .left a img{ transition:.5s;}
.news_a .left:hover a img{ transform:scale(1.1);}
.news_a .right{ float:right; width:50%; margin-top:15px;}
.news_a .right li:nth-child(-n+2){ margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid rgba(0,0,0,0.1);}
.news_a .right li .date{ float:left; width:10%;}
.news_a .right li .date span{ display:block; text-align:Center;}
.news_a .right li .date .day{ font-size:48px; font-weight:bold;}
.news_a .right li .date .month{ margin-top: 6px;}

.news_a .right li .nr{ float:right; width:88%;}
.news_a .right li .nr h4{ font-size:20px; font-weight: bold; line-height:21px; margin:0 0 20px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a .right li .nr p{ line-height:28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a .right li a:hover{ color:#da4225;}


/*底部*/
.footer_a{ background:#333; padding:48px 0;}
.footer_a .width_1600>img{ float:left; margin-right:200px;}
.footer_a .foot_txt{ float:left;}
.footer_a .foot_txt p{ color:#fff; font-size:18px; line-height:40px;}

.footer_a .erweima{ float:right; padding-left:48px;}
.footer_a .erweima div{ float:left;}
.footer_a .erweima div:last-child{ margin-left:30px;}
.footer_a .erweima div img{ width:128px; height:128px;}
.footer_a .erweima div p{ text-align:center; color:#fff; margin-top:12px;}

.footer-foot{ background:#1a1a1a;}
.footer-foot p{ float:left; line-height:64px; color:#fff;}
.footer-foot p:last-child{ float:right;}
.footer-foot p a{ color:#fff;}


@media (max-width:1680px){
  .nav_163 .width_1600{ width:100%;}
  .width_1600{ width:94%;}
  .about_a .right p{ font-size:16px; line-height:32px;}
  .about_a .right a{ margin-top:40px; font-size:16px; line-height:48px; width:148px; border-radius: 6px;}
  
  .students_a .left{ margin-left:2%;}
  .students_a .left a{ font-size:16px; line-height:48px; width:148px; border-radius: 6px;}
  .students_a .right a span{ transform: scale(.8);}
  .news_a .right li .nr h4{ }
  .news_a .right li:nth-child(-n+2){ margin-bottom: 30px; padding-bottom: 30px;}
}

@media (max-width:1440px){
  header{ background-size: 106% 100%;}
  .header_163 .logo{ margin:15px 0;}
  .header_163 .logo img{ width:88%;}
  .header_163 .phone{ margin: 32px 130px 0 0;}
  .header_163 .phone p{ font-size:18px;}
  .header_163 .phone p span{ font-size:24px;}
  
  .about_a .right h2{ font-size:36px; line-height:36px; margin:20px 0 30px 0;}
  .title_a h2{ font-size:42px; background-size: 24%; background:url(title_bg.png) no-repeat bottom right 50%;}
  .news_a .right li:nth-child(-n+2){ margin-bottom: 24px; padding-bottom: 24px;}
  .footer_a .width_1600>img{ margin-right:100px;}
}

@media (max-width:1360px){ 
  .about_a .right h2{ font-size:30px; line-height:30px;}
  .about_a .right p{ line-height:28px;}
  .students_a .right{ width:74%;}
}








