body {
  color: #333;
  font-family: '微软雅黑', Source Han Sans CN, Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  background: url(../images/bodybg.jpg) repeat
}

* {
  margin: 0px;
  padding: 0px;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
  font-size: 0px;
}

.clear10 {
  height: 10px;
  overflow: hidden;
  clear: both;
}

.clear25 {
  height: 25px;
  overflow: hidden;
  clear: both;
}

.clear45 {
  height: 45px;
  overflow: hidden;
  clear: both;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}

ol,
ul,
li {
  list-style: none outside none;
}

a {
  color: #333;
  text-decoration: none
}

a img {
  border: 0 none;
}

a:hover {
  color: #ffc335
}

table,
tr,
td,
th {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

img {
  vertical-align: middle;
}

input,
textarea {
  padding: 0 2px;
  resize: none;
  -webkit-appearance: none !important;
  outline: none;
  border: none;
  background: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

.main {
  width: 1280px;
  margin: 0px auto;
  text-align: left;
  /* overflow: hidden */
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.padding {
  padding: 10px;
}

.info {
  line-height: 28px;
  text-align: left;
}

.color {
  color: #01958b;
  font-size: 16px;
  font-weight: normal;
}

@media screen and (min-width: 200px) and (max-width: 1199px) {
  body {
    width: 1200px;
  }
}
 

 /*分页样式*/.pglist {padding: 75px 0;width: 100%;text-align: center;clear: both;}
.pglist a {color: #333;padding: 0 15px;margin: 0 4px;background: #fff;border: 1px solid #edebeb;}
.pglist a.close{  background: #f2f2f2  ;}
.pglist * {display: inline-block;vertical-align: middle;line-height: 34px;padding-bottom: 1px;}
.pglist a:hover, .pglist .hover {display: inline-block;color: #fff;background: #d49e1f;border-color: #d49e1f;}
.pglist .pagenum{	border: 1px solid #edebeb;}
.pglist .pagebtn{background: #f2f2f2 ;border: 1px solid #edebeb;	padding: 0 10px;}
.pglist span{ margin: 0 8px;}


header {
  height: 140px;
  background: url(../images/heardbg.jpg) no-repeat center top;
}

.logo {
  width: 644px;
  margin-top: 30px;
  margin-right: 63px;
}

.hearnav {
  width: 280px;
  display: flex;
  height: 16px;
  margin-top: 62px;
  line-height: 16px;
}

.hearnav a {
  flex: 1;
  border-right: 1px solid #fff;
  font-size: 16px;
  color: #fff;
  transition: all .3s;
  text-align: center;
}

.hearnav a:hover {
  margin-top: -5px;
}

.hearnav a:last-child {
  border-right: none
}

.search {
  position: relative;
  height: 40px;
  margin-top: 50px;
}

.searchinput {
  color: #fff;
  padding: 0 15px;
  width: 220px;
  height: 40px;
  background: rgb(255, 255, 255, 0.3);
  border-radius: 20px;
}

.searchbtn {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 20px;
  background: url(../images/ico1.png) no-repeat;
}

nav {
  background: #d49e1f;
  height: 60px;
  line-height: 60px;
}

nav li {
  
    position: relative;width: calc(1280px / 12); white-space: nowrap;text-align: center;
}

nav li:last-child {
  margin-right: 0;
}

nav li a {
  font-size: 18px;position: relative;
  color: #fff;
  display: block;
}

nav li a:hover,
nav li a.on {
  /*font-weight: bold;*/
  color: #fff;
  background: url(../images/on.png) center top no-repeat;
}

nav ul li dl {position: absolute;text-align: center;width: 145px;background: #fff;left: 50%;z-index: 9999; margin-left: -72.5px;-webkit-box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
nav ul li dl dd {height: 50px;line-height: 50px;border-bottom: 1px solid #eee;transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease}
nav ul li dl dd:last-child {border-bottom: 0}
nav ul li dl dd a {font-size: 14px;color: #333 !important;font-weight: normal !important;transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease;display: block}
nav ul li dl dd:hover {background: #d49e1f}
nav ul li dl dd:hover a {color: #fff !important;background: #d49e1f}
nav ul li dl:before {content: "";position: absolute;border-width: 0 9px 9px;border-style: solid;border-color: transparent transparent #fff;top: -9px;left: 50%;margin-left: -9px}
nav dl {visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);-webkit-transform: translateY(20px);-moz-transform: translateY(20px);transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease}
nav ul li:hover dl {visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none}

.ban {
  width: 100%;
  height: 700px;
}

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

.swiper-slide {



  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


.newban {
  padding: 20px;
  width: 900px;
  height: 410px;
  background: url(../images/newban.png) no-repeat left bottom;
}

.newbanswiper {}

.newbanswiper .swiper-slide {
  position: relative;
}

.newbanleft {
  height: 360px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 520px;
}

.newbanleft img {
  width: 520px;
  height: 360px;
  transition: all .4s;
}

.newbanright {
  width: 348px;
  position: absolute;
  top: 50px;
  right: 0;
  text-align: left;
}

.newbanright h2 {
  font-size: 26px;
  color: #fff;
  line-height: 36px;
}

.newbandesc {
  font-size: 14px;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 50px;
}

.newbanright a {
  font-size: 15px;
  display: block;
  line-height: 40px;
  text-align: center;
  color: #1c2954;
  transition: all .5s;
  width: 160px;
  height: 40px;
  border: 1px solid #222;
}

.newbanright a:hover {
  color: #fff;
  background: #1c2954;
  margin-top: -10px;
}

.newbanright a:hover img {
  display: none;
}

.newbanright a img {
  margin-left: 20px;
  margin-top: -10px;
}

.newban-pagination {
  z-index: 99;
  width: 60% !important;
}

.newban-pagination .swiper-pagination-bullet-active {
  width: 30px;
  background: #ffc335;
  border-radius: 5px;
}

.notice {
  width: 320px;
  height: 450px;
  background: #fff;
}

.notice h6 {
  color: #666;
  font-size: 16px;
  font-weight: normal;
}

.notice h2 {
  line-height: 30px;
  margin: 20px 0;
  font-size: 18px;
  color: #000;
  font-weight: normal;
}

.notice .noticedesc {
  line-height: 24px;
  color: #aaa;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.noticecon {
  padding: 20px 15px 0 15px;
}

.College {
  width: 800px;
}

.education {
  width: 420px;
}

.indextit {
  margin-bottom: 40px;
  background: url(../images/titon.png) no-repeat left bottom;
  padding-bottom: 30px;
  line-height: 30px;
}

.indextit .h1 {
  background: url(../images/ico3.png) no-repeat left center;
  height: 30px;
  padding-left: 58px;
  font-size: 26px;
}

.indextit .h6 {
  color: #888888;
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 8px;
}

.indextit a {
  color: #ffc335;
  font-size: 16px;
  transition: all .3s;
  /*float: right;*/
  text-transform: uppercase;
}

.indextit a:hover {
  /*margin-right: -10px;*/
}

.Collegeleft {
  width: 380px;
}

.Collegeleft dl {}

.Collegeleft dt,
.Collegeleft dt img {
  width: 380px;
  height: 240px;
  overflow: hidden;
}

.Collegeleft dd {
  font-size: 16px;
  line-height: 33px;
  margin: 30px 0;
}

.Collegeright {
  width: 394px;
}

.Collegeright li {
  transition: all .5s;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  position: relative;
  padding-left: 20px;
}

.Collegeright li a {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  transition: all .3s;
  text-overflow: ellipsis;
}

.Collegeright li::before {
  content: '';
  display: block;
  left: 0;
  top: 50%;
  position: absolute;
  margin-top: -3.5px;
  width: 7px;
  height: 7px;
  background: #ac1f11;
  border-radius: 50%;
}

.Collegeright li:hover,
.educationUl li:hover {
  margin-left: 10px;
}

.education .indextit .h1 {
  background: url(../images/ico4.png) no-repeat left center;
}

.educationUl li {
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  position: relative;
  padding-left: 20px;
  transition: all .5s;
}

.educationUl li a {
  display: inline-block;
  white-space: nowrap;
  width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.educationUl li::before {
  content: '';
  display: block;
  left: 0;
  top: 50%;
  position: absolute;
  margin-top: -3.5px;
  width: 7px;
  height: 7px;
  background: #ac1f11;
  border-radius: 50%;
}

.educationUl li span {
  float: right;
  font-size: 14px;
  color: #666666;
}

.videoiteam {
  width: 100%;
  height: 140px;
  position: relative;
  margin-top: 10px;
  overflow: hidden;
}

.videoiteam img {
  width: 420px;
  height: 140px;
  transition: all .4s;
}

.videoiteam span {
  width: 370px;
  height: 90px;
  border: 1px solid rgb(255, 255, 255, 0.5);
  display: block;
  top: 25px;
  left: 25px;
  text-align: center;
  line-height: 90px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
}

.videoiteam:hover span {
  box-shadow: 0 0 10px #ffc335;
}

.indexpage3 {
  margin-top: 10px;
  background-color: #fcf3e1;
  padding: 25px 0;
}

.tbabox {
  padding: 30px 18px 30px 30px;
  background: #fff;
}

.tabfr {
  width: 600px;
  position: relative;
}

.tabs {
  height: 60px;
}

.tabs a {
  font-size: 28px;
  margin-right: 50px;
  padding-bottom: 20px;
}

.tabs a.active,
.tabs a:hover {
  color: #ffc335;
  background: url(../images/tabon.jpg) no-repeat center bottom;
}

.news-list {
  margin-top: 25px;
}

.newdl {
  width: 100%;
  transition: all .5s;
  height: 50px;
  overflow: hidden;
}

.newdl dt {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}

.newdl dt h1 {
  display: inline-block;
  white-space: nowrap;
  width: 500px;
  float: left;
  overflow: hidden;
  font-size: 16px;
  font-weight: normal;

  text-overflow: ellipsis;
}

.newdl dt span {
  float: right;
  font-size: 14px;
}

.newdl dd {
  height: 0;
  font-size: 14px;
  line-height: 25px;
  transition: all .5s;
}

.newdl:hover {
  height: 100px;
}

.newdl:hover dd {
  height: 50px;
}

.newdl:hover span {
  color: #333;
}

.tabmore {
  color: #ffc335;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 10px;
  transition: all .3s;
}

.tabmore:hover {
  right: -5px;
}

footer {
  background: #d49e1f;
  color: #fff;
  padding: 35px 0;
}

footer a {
  color: #fff;
}

footer a:hover {
  font-weight: bold;
}

.footernav {
  margin-bottom: 40px;
}

.footernav a {
  margin-right: 25px;
}

.footernav a:last-child {
  margin-right: 0;
}

footer .txt {
  line-height: 30px;
}

.ewmUl li {
  float: left;
  width: 100px;
  margin-left: 20px;
  text-align: center;
  line-height: 30px;
}

.tbabox .fl {
  width: 600px;
  height: 490px;
  overflow: hidden;
}

.tbabox .fl img {
  transition: all .4s;
}

.noticepic {
  width: 100%;
  height: 220;
  overflow: hidden;
}

.noticepic img,
.Collegeleft dt img {
  transition: all .4s;
}


.notice:hover h2 {
  color: #ffc335;
}

.nieban{ width: 100%; height: 260px; overflow: hidden;}
.mianleft{ width: 270px; float: left; margin-left: 20px;}
.mianright{ width: 945px; float: right; margin-right: 20px; float: right;}
.leftiti{ background:#ddb24d; color: #fff; padding-left: 20px; padding-top: 25px; height: 85px;  z-index: 99;margin-top: -110px; }
/*   */
.leftiti h6{ font-size: 20px;color: rgb(255, 255, 255, 0.3); text-transform: uppercase;}
.leftiti  h2{ font-size: 26px; margin-top: 8px; }

.leftUl{ background: #f5f5f5;}
/* height: 59px; */
.leftUl li{  line-height: 59px; border-bottom: 1px solid #e5e5e5; padding : 0 20px; font-size: 16px;}
.leftUl li>a{ display: block;border-bottom: 1px solid #fff;}
.leftUl li a:hover , .leftUl li a.on{ font-weight: bold;  color: #d49e1f;}
.leftUl li .twe { height: 35px; line-height: 35px;}
.leftUl li .twe a{ line-height: 35px; font-size: 14px;}
.leftUl li span{ float: right;}

.leftcontact{ background: url(../images/img21.png) no-repeat center bottom #e0990c; text-align: center; color: #fff; padding-top: 40px; height: 360px;}
.leftcontact h3{ font-size: 22px; font-weight: bold; margin-top: 30px;}
.leftcontact h1{ font-family: Impact; font-size: 30px; margin: 16px 0 26px 0;}
.leftcontact p{ line-height: 3em;}

.picUl{  }
.picUl li{ width: 303px; float: left; text-align: center; margin-bottom: 20px; margin-right: 18px;}
.picUl li:nth-child(3n){ margin-right: 0;}
.picUl li .pciimg{ width: 303px; height: 200px; overflow: hidden;}
.picUl li .pciimg img{width: 303px; height: 200px; transition: all .4s; }
.picUl li .pictxt{ border-left: 1px solid #e8e8e8;  border-right: 1px solid #e8e8e8;  transition: all .3s;  border-bottom: 1px solid #e8e8e8; height: 65px; line-height: 65px; font-size: 16px;}
.picUl li:hover .pictxt{ background:#e0990c; border-color: #e0990c; color: #fff; box-shadow: 0 0 20px rgb(212, 158, 31,0.8);  }

.listdl{ border-bottom: 1px #e5e5e5 dashed; padding-bottom: 35px; margin-bottom: 25px;}
.listdl dt{  float: left; width: 340px; height: 220px; overflow: hidden;}
.listdl dt img{ width: 340px; height: 220px; transition: all .4s;}
.listdl dd{ float: right; width: 558px;}
.listdl dd h1{ font-size: 26px; line-height: 40px;}
.listdl dd  .date{ background: url(../images/ico6.jpg) no-repeat left center; padding-left: 26px; color: #666666; line-height: 82px;}
.listdl dd  .desc{ color: #666666; line-height: 30px;}

.newlist{}
.newlist li{ line-height: 50px; height: 50px; position: relative; font-size: 18px; padding-left: 23px; transition: all .3s;border-bottom: 1px #e5e5e5 dashed; }
.newlist li a{display: inline-block;white-space: nowrap; width: 90%;  overflow: hidden;text-overflow:ellipsis;}
.newlist li span{ color: #aaaaaa; font-size: 14px; float: right;}
.newlist li::before{ content: '';
  display: block;
  left: 0;
  top: 21.5px;
  position: absolute;
 
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;}
  .newlist li:hover{ margin-left: 8px;}
  .newlist li:hover::before{  background: #ffc335}
  /* .newlist li:nth-child(6n){border-bottom: 1px #e5e5e5 dashed;  padding-bottom: 30px; margin-bottom: 30px;} */

  .location{ height: 80px;  line-height: 80px; background: url(../images/line.png) no-repeat center bottom; padding:0 36px ;}


  .newsbox{ margin-top: 45px; padding-bottom: 10px;}
  .newsbox h1{ text-align: center; font-weight: bold; font-size: 26px;   margin-bottom: 10px;}
  .newinfo{ font-size: 16px; line-height: 2em; padding:0 36px; }
  .newinfo img{ max-width: 100%; margin-bottom:12px;display:block;margin:0 auto;}
  
  .newdesc{ padding: 36px 30px; border-bottom: 1px solid #e5e5e5; margin-bottom: 35px; color: #888888;}
  .newdesc .fl{ color: #888;}
  .newdesc a{ color: #888888;}
  .newdesc .fr .cur{ color: #d49e1f;}
  .newsbot{ border-bottom: 1px solid #e5e5e5; padding:30px 36px ;color: #888; margin-bottom: 40px; }
  .newsbot .fl span{ color: #888;  border-left: 3px solid #d49e1f; padding-left: 15px;  }
  .newsbot .fr img{ margin: 0 3px;}
   
  .newpre{ position: relative; padding-left: 36px;}
  .newpre a{ color: #333333; }
  .newpre ul li{ line-height: 40px; transition: all .3s;}

  .newpre ul li:hover{ margin-left: 10px;}
  .back{ width: 160px; height: 40px; line-height: 40px; text-align: center; display: block; position: absolute; right: 30px; top: 20px; background: #f2f5f9; border-radius: 20px;}
  .back:hover{ background: #d49e1f; color: #fff !important;}
  .newpre a:hover{ font-weight: bold; color: #d49e1f;}
  
  .back2{ width: 110px; height: 40px; line-height: 40px; text-align: center; display: block; position: absolute; right: 30px; top: 0px; background: #f2f5f9; border-radius: 20px;}
  .back2:hover{ background: #d49e1f; color: #fff !important;}
/* .picUl li:hover  .pciimg img, */

.notice:hover img,
.Collegeleft dt:hover img,
.videoiteam:hover img,
.picUl li:hover  .pciimg img,
.newbanleft:hover img,
.listdl:hover dt img,
.tbabox .fl:hover img {
  transform: scale(1.2) rotate(2deg);
  /* opacity: 0.8; */
}
.picUl2  li:hover  .pciimg img {  transform: scale(1) rotate(2deg);}