@charset "utf-8";
/*--------------------comm--------------------*/
html,body { background:#fff;font-size:14px; margin: 0; padding: 0; }
html,body,a { color:#333;}
::-ms-clear, ::-ms-reveal{display: none;}
ul,li,ul li,ul li ul li ,dl,dt,dd{ list-style:none; list-style-position:none; padding: 0; margin: 0;}
input{ outline:none;}
.tl { text-align: left!important;}
.top { background: #4267eb; height: 170px;;}
.top_img { background: url(../img/xuetang/bg.jpg) center center no-repeat;height: 170px; margin: 0 30px;}
.top_logo { padding-top: 30px;}
.nav { height: 50px; text-align: center; background: #2957a2; }
.nav span { display: inline-block; cursor: pointer; line-height: 50px;  font-size: 20px; text-align: center; width: 120px;  position: relative; margin: 0 20px;; font-weight: bold; color: #fff;}
.nav .nav_on { position: absolute; display: inline-block; width: 120px; text-align: center; line-height: 70px; left: 0; border-radius: 7px 7px 0 0; top: -40px;; background: #fff;font-weight: bold; font-size: 20px; color: #2684d5;}
.contant { margin: 30px; overflow:hidden;}
.contant_left { float: left; width: 49%;}
.contant_right {  width: 49%; margin-left: 51%;}
.contant_line { height: 40px; border-bottom: 1px solid #f1f3f8; position: relative;}
.contant_nav { height: 44px; position: absolute; left: 0; top: 0; width: 118px; line-height: 40px; text-align: center; color: #fff; background: url('../img/xuetang/navname.png'); font-size: 18px; font-weight:bold;}
.lipoint { padding-top: 20px;}
.lipoint li { line-height: 25px; padding: 8px; font-size: 16px;  }
.lipoint font { text-overflow: ellipsis; white-space: nowrap; width: 200px; display: inline-block; overflow: hidden;}
.lipoint a { text-decoration: none;}
.lipoint a:hover { color: #2684d5; text-decoration: none;}
.lipoint li:hover { background: #f3f9ff; color: #2684d5; text-decoration: none;}
.lipoint .lipoint_right { float: right; color: #999; font-size: 14px;;}
.lipoint th,.lipoint td { text-align: center; text-overflow: ellipsis; white-space: nowrap; line-height: 43px; overflow: hidden; border-bottom: 1px solid #f1f3f8;}
.lipoint th { background: #2957a2; color: #fff; }
.lipoint td { color: #999;}
.lipoint td a { color: #333;}
.lipoint td a:hover { color:#2684d5 ;}
.lipoint dt { overflow: hidden; width: 100%;}
.lipoint dd { width: 32%; display: inline-block;  float: left; cursor: pointer;}
.lipoint dd+dd { margin-left: 2%;}
.ddimg { position: relative;}
.ddimg img { width: 100%; display:block}
.ddtext { line-height: 20px; padding: 10px 0; display: inline-block; width: 100%; text-align: center;}
.bottom_top { line-height: 50px; height: 50px; font-size: 22px; font-weight: bold;  background: url('../img/xuetang/line.png') no-repeat; }
.bottom_text {  background: url('../img/xuetang/tm.png'); height: 38px; bottom: 0; font-size: 16px; font-weight: bold; color: #fff; position: absolute; line-height: 38px; width: 100%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bottom_line { background: url('../img/xuetang/line_bottom.png'); margin: 30px 0; height: 4px; }

.swiper-slide { width: 100%;height: 360px; }
.swiper-slide img { width: 100%;height: 360px; }
.swiper-pagination-switch {  display: inline-block;  width: 8px;  height: 8px;  border-radius: 8px;  background: #555;  margin-right: 5px;  opacity: 0.8;  border: 1px solid #fff;  cursor: pointer; }
  .swiper-active-switch { background: #fff;}
  .pagination {   position: absolute;   z-index: 20;   bottom: 10px;   width: 100%;   text-align: right; }