* {
  margin    : 0;
  padding   : 0;
  box-sizing: border-box;
}


html {
  height: 100%;
}

body {
  margin     : 0;
  padding    : 0;
  font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif;
  font-size  : 14px;
  color      : #555;
  height     : 100%;
}

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

a:hover {
  text-decoration: none;
  color          : #0356c7;
}

a.link {
  color: #0356c7;
}

a.btn {
  color: #fff !important;
}

img {
  border: none;
}

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

table {
  border-collapse: collapse;
}

.Validform_wrong {
  color: #f2572d !important;
}

.text-weight {
  font-weight: bolder !important;
}

.css-transition {
  transition-duration        : 1s;
  -moz-transition-duration   : 1s;
  /* Firefox 4 */
  -webkit-transition-duration: 1s;
  /* Safari 和 Chrome */
  -o-transition-duration     : 1s;
  /* Opera */
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content   : ".";
  display   : block;
  height    : 0;
  clear     : both;
  visibility: hidden;
}

.css-dt-horizontal dt {
  float        : left;
  width        : 80px;
  overflow     : hidden;
  clear        : left;
  text-align   : right;
  text-overflow: ellipsis;
  white-space  : nowrap;
  font-weight  : bolder;
  padding      : 3px 0;
}

.css-dt-horizontal dd {
  margin-left  : 90px;
  margin-bottom: 10px;
  padding      : 3px 0;
  *zoom        : 1;
}

.css-dt-horizontal dd:after {
  content   : ".";
  display   : block;
  height    : 0;
  clear     : both;
  visibility: hidden;
}

.css-dt-horizontal dd a {
  padding: 3px 6px;
  float  : left;
}

.css-dt-horizontal dd .active {
  color           : #fff;
  background-color: #00abd8;
}

.css-dt-horizontal dd label {
  margin-right: 10px;
}

.css-dt-horizontal dd label input[type="radio"],
.css-dt-horizontal dd label [type="checkbox"] {
  margin-right  : 5px;
  vertical-align: middle;
  margin-top    : -3px;
}

.css-dt-horizontal dd label img {
  vertical-align: middle;
}

.css-dt-horizontal .css-pay-method {
  padding-top: 10px;
}

.nofloat {
  float: none !important;
}

.css-synlogin {
  padding   : 100px 0;
  text-align: center;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.icon {
  margin-right: 5px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-red {
  color: #f2572d !important;
}

.text-blue {
  color: #0067a6 !important;
}

.text-success {
  color: #71b83d !important;
}

.text-orange {
  color: #f2572d !important;
}

.bg-orange {
  background-color: #f2572d;
  color           : #fff;
}

.bg-primary {
  background-color: #00abd8;
}

.text-primary {
  color: #00abd8 !important;
}

.text-default {
  color: #999 !important;
}

.css-list-inline li {
  display: inline;
}

.css-noborder {
  border: none !important;
}

.css-offset-col330 {
  margin-left: 330px;
}

.css-col20 {
  width: 20px;
}

.css-col30 {
  width: 30px;
}

.css-col50 {
  width: 50px;
}

.css-col60 {
  width: 60px;
}

.css-col100 {
  width: 100px;
}

.css-col120 {
  width: 120px;
}

.css-col130 {
  width: 130px;
}

.css-col140 {
  width: 140px;
}

.css-col148 {
  width: 148px;
}

.css-col150 {
  width: 150px;
}

.css-col170 {
  width: 170px;
}

.css-col200 {
  width: 200px;
}

.css-col250 {
  width: 250px;
}

.css-col270 {
  width: 270px;
}

.css-col300 {
  width: 300px;
}

.css-col350 {
  width: 350px;
}

.css-col400 {
  width: 400px;
}

.css-col450 {
  width: 450px;
}

.css-col500 {
  width: 500px;
}

.css-col600 {
  width: 600px;
}

.css-col750 {
  width: 750px;
}

.css-col780 {
  width: 780px;
}

.css-col800 {
  width: 800px;
}

.css-col900 {
  width: 900px;
}

.css-col950 {
  width: 950px;
}

.css-col1000 {
  width: 1000px;
}

.layui-layer-btn0,
.layui-layer-btn1,
.layui-layer-btn2,
.layui-layer-btn3 {
  display: none !important;
}

.layui-btn2 {
  background-color: #f67f00 !important;
  display         : none;
}

.layui-btn3 {
  background-color: #208dd9 !important;
  display         : none;
}

.css-hide {
  display: none;
}

.css-relative {
  position: relative;
}

.css-error {
  color: #f2572d;
}

.btn,
.css-tip-hack {
  background-color: #00abd8;
  border          : none;
  box-shadow      : none;
  color           : #fff !important;
  cursor          : pointer;
  height          : 30px;
  line-height     : 28px;
  overflow        : visible;
  padding         : 0 20px;
}

.btn-success {
  background-color: #00abd8;
  border          : none;
  box-shadow      : none;
  color           : #fff !important;
  cursor          : pointer;
  height          : 30px;
  line-height     : 28px;
  overflow        : visible;
  padding         : 0 20px;
  background-color: #42ba7b;
}

.btn-success:hover {
  background-color: #40aa7b;
}

.btn-primary {
  border          : none;
  box-shadow      : none;
  color           : #fff !important;
  cursor          : pointer;
  height          : 30px;
  line-height     : 28px;
  overflow        : visible;
  padding         : 0 20px;
  background-color: #00abd8;
}

.btn-primary:hover {
  background-color: #008dba;
}

a.btn {
  padding: 6px 20px;
}

.css-btn button {
  display    : inline !important;
  line-height: normal;
}

.css-btn-block {
  display      : block;
  width        : 100%;
  margin-bottom: 5px;
}

.css-btn-inline .btn {
  margin-top  : 20px !important;
  margin-right: 15px;
}

input {
  outline: none;
}

.css-breadcrumb {
  height          : 30px;
  line-height     : 30px;
  margin-top      : 10px;
  padding         : 0 20px;
  background-color: #fff;
}

.container {
  width : 985px;
  height: 100%;
  margin: 0 auto;
  *zoom : 1;
}

@media (max-width: 768px) {
  .container {
    width: 100%;
  }

  .container .css-nav-tip {
    position     : absolute;
    top          : 6px;
    left         : 6px;
    border       : 1px solid #333;
    color        : #333;
    height       : 32px;
    line-height  : 32px;
    padding      : 0 10px;
    border-radius: 5px;
  }
}

.container:after {
  content: " ";
  display: block;
  height : 0;
  clear  : both;
}

.css-wrapper {
  min-width : 985px;
  min-height: 100%;
  margin    : auto;
}

@media (max-width: 768px) {
  .css-wrapper {
    min-width: 100%;
    width    : 100%;
  }
}

.css-out-content {
  padding: 0 0 160px 0;
}

@media (max-width: 768px) {
  .css-out-content {
    padding: 0 0 140px 0;
  }
}

.css-out-content:after {
  clear  : both;
  display: block;
  content: ".";
  height : 0;
}

.css-out-content .info-list li {
  height: auto;
}

.css-sidelb {
  position  : fixed;
  text-align: center;
  top       : 300px;
  z-index   : 500;
  color     : #ff7f35;
}

@media (min-width: 1600px) {
  .css-sidelb {
    left: 100px;
  }
}

@media (max-width: 1600px) {
  .css-sidelb {
    left: 10px;
  }
}

.css-sidelb img {
  width : 100px;
  height: 100px;
}

.css-sidelb a {
  color: #ff7f35;
}

.css-siderb {
  position  : fixed;
  text-align: center;
  top       : 300px;
  z-index   : 500;
  color     : #ff7f35;
}

@media (min-width: 1600px) {
  .css-siderb {
    right: 100px;
  }
}

@media (max-width: 1600px) {
  .css-siderb {
    right: 10px;
  }
}

.css-siderb img {
  width : 100px;
  height: 100px;
}

.css-siderb a {
  color: #ff7f35;
}

* html .css-wrapper {
  height: 100%;
}

* html .css-out-content {
  height: 1%;
}

.css-vip {
  margin-left   : 5px;
  vertical-align: middle;
}

.css-table {
  width          : 100%;
  max-width      : 100%;
  border-collapse: collapse;
  border-spacing : 0;
}

.css-table thead th {
  padding       : 8px;
  border-top    : 0 none;
  vertical-align: bottom;
  white-space   : nowrap;
}

.css-table tbody tr td {
  padding       : 8px;
  vertical-align: middle;
  text-align    : center;
}

.css-table-border {
  border: 1px solid #ddd;
}

.css-table-border thead tr th {
  border-bottom-width: 2px;
  border             : 1px solid #ddd;
}

.css-table-border tbody tr td {
  padding       : 8px;
  vertical-align: middle;
  border        : 1px solid #ddd;
}

.css-header {
  height: 105px;
}

@media (max-width: 768px) {
  .css-header {
    height     : 45px;
    line-height: 45px;
    font-weight: bolder;
    color      : #000;
    text-align : center;
    font-size  : 16px;
    display    : none;
  }
}

.css-header .css-logo {
  margin-top: 10px;
  max-width : 565px;
}

.css-header .css-right {
  margin: 40px 50px 0 0;
}

.css-header .css-right .css-search input[type="text"] {
  width      : 250px;
  height     : 38px;
  line-height: 38px;
  border     : 1px solid #0f8a18;
  padding    : 0 20px;
  color      : #ccc;
  float      : left;
}

.css-header .css-right .css-search input[type="submit"] {
  border    : none;
  width     : 60px;
  height    : 40px;
  background: url(../i/btnSearchH.gif) no-repeat;
  cursor    : pointer;
  position  : relative;
  left      : -4px;
}

.css-header .css-right .css-hot {
  line-height: 40px;
  margin-left: 30px;
}

.css-header .css-right .css-hot li {
  margin-right: 20px;
}

.css-nav {
  position        : relative;
  background-color: #06630d;
  z-index         : 100;
}

.css-nav .css-navbar {
  *zoom: 1;
}

.css-nav .css-navbar:after {
  content   : ".";
  display   : block;
  height    : 0;
  clear     : both;
  visibility: hidden;
}

.css-nav .css-navbar .css-dropdown {
  display         : none;
  border          : none;
  background-color: #0f8a18;
  overflow        : hidden;
}

.css-nav .css-navbar .css-dropdown>li {
  text-align : center;
  line-height: 40px;
  border-top : 1px solid #ddd;
  margin-top : -1px;
}

.css-nav .css-navbar .css-dropdown>li a {
  font-size: 14px;
  padding  : 0;
}

.css-nav .css-navbar .css-dropdown>li a:hover {
  color: #ddd;
}

.css-nav .css-navbar>li {
  float      : left;
  height     : 50px;
  line-height: 50px;
}

.css-nav .css-navbar>li a {
  display        : block;
  color          : #fff;
  text-decoration: none;
  padding        : 0 26px;
  font-size      : 16px;
}

.css-nav .css-navbar>li a:hover {
  background-color: #0f8a18;
  border-color    : #fff;
}

.css-nav .css-navbar>li:hover .css-dropdown {
  border-top-color: #fff;
  display         : block;
}

.css-main-index {
  width   : 100%;
  height  : auto;
  overflow: hidden;
}

.css-main-index .css-index-con .css-newslist {
  width     : 300px;
  height    : 272px;
  float     : left;
  margin-top: 15px;
}

.css-main-index .css-index-con .css-newslist .css-title {
  width         : 100%;
  height        : 45px;
  line-height   : 45px;
  border-bottom : 1px solid #ddd;
  vertical-align: middle;
  font-size     : 16px;
  font-weight   : bolder;
}

.css-main-index .css-index-con .css-newslist .css-title img {
  margin: 5px 10px 0 6px;
  width : 34px;
  height: 34px;
  float : left;
}

.css-main-index .css-index-con .css-newslist .css-title .css-more {
  font-size    : 12px;
  background   : url("../i/more.png") no-repeat;
  float        : right;
  padding-right: 5px;
  width        : 27px;
  height       : 27px;
  margin-top   : 10px;
}

.css-main-index .css-index-con .css-newslist .css-title .css-txt {
  height       : 45px;
  padding-right: 10px;
  float        : left;
  border-bottom: 2px solid #0f8a18;

}

.css-main-index .css-index-con .css-newslist .css-list {
  padding-top: 5px;
}

.css-main-index .css-index-con .css-newslist .css-list li {
  height     : 30px;
  line-height: 30px;
  font-size  : 12px;
}

.css-main-index .css-index-con .css-newslist .css-list li a {
  *zoom: 1;
}

.css-main-index .css-index-con .css-newslist .css-list li a:after {
  content   : ".";
  display   : block;
  height    : 0;
  clear     : both;
  visibility: hidden;
}

.css-main-index .css-index-con .css-newslist .css-list li a span {
  float        : left;
  display      : block;
  padding-left : 5px;
  width        : 280px;
  overflow     : hidden;
  white-space  : nowrap;
  text-overflow: ellipsis;
  font-size    : 14px;
}

.css-main-index .css-index-con .css-newslist .css-list li a .red {
  color: red;
}

.css-main-index .css-index-con .css-newslist .css-list li a .bolder {
  font-weight: bold;
}

@media (max-width: 768px) {
  .css-main-index .css-index-con .css-newslist .css-list li a span {
    width: 72%;
  }
}

.css-main-index .css-index-con .css-newslist .css-list li a time {
  float    : right;
  font-size: 14px;
}

.css-main-index .css-index-con .css-newslist .css-list li a:hover {
  color: #000;
}

@media (max-width: 768px) {
  .css-main-index .css-index-con .css-newslist {
    width : 350px;
    margin: 15px auto 0;
  }
}

.css-main-index .css-index-con .css-quick-entry,
.css-main-index .css-index-con .css-consultation {
  float     : left;
  width     : 350px;
  border-top: 1px solid #ddd;
  margin    : 15px 15px 0 15px;
}

@media (max-width: 768px) {

  .css-main-index .css-index-con .css-quick-entry,
  .css-main-index .css-index-con .css-consultation {
    /* float : none; */
    margin: 0;
    width : 100%;
  }

  .css-out-content .css-main-index .css-index-con .css-quick-entry li,
  .css-out-content .css-main-index .css-index-con .css-consultation li {
    width       : 49.333% !important;
    border-right: 1px solid #eee !important;
  }
}

.css-main-index .css-index-con .css-quick-entry {
  border-right: 1px solid #eee;
}

.css-main-index .css-index-con .css-quick-entry li {
  border-right: none !important;
}

.css-main-index .css-index-con .css-quick-entry li,
.css-main-index .css-index-con .css-consultation li {
  width     : 174px;
  height    : 125px;
  border    : 1px solid #eee;
  margin-top: -1px;
  float     : left;
}

@media (max-width: 325px) {

  .css-main-index .css-index-con .css-quick-entry li,
  .css-main-index .css-index-con .css-consultation li {
    width: 159px;
  }
}

.css-main-index .css-index-con .css-quick-entry li a,
.css-main-index .css-index-con .css-consultation li a {
  width  : 100%;
  height : 100%;
  display: block;
}

.css-main-index .css-index-con .css-quick-entry .css-li1,
.css-main-index .css-index-con .css-consultation .css-li1 {
  background: url("../i/entry-1.png") no-repeat center center;
}

.css-main-index .css-index-con .css-quick-entry .css-li1:hover,
.css-main-index .css-index-con .css-consultation .css-li1:hover {
  background: url("../i/entry-11.png") no-repeat center center #0f8a18;
}

.css-main-index .css-index-con .css-quick-entry .css-li2,
.css-main-index .css-index-con .css-consultation .css-li2 {
  margin-left: -1px;
  background : url("../i/entry-2.png") no-repeat center center;
}

.css-main-index .css-index-con .css-quick-entry .css-li2:hover,
.css-main-index .css-index-con .css-consultation .css-li2:hover {
  background: url("../i/entry-22.png") no-repeat center center #0f8a18;
}

.css-main-index .css-index-con .css-quick-entry .css-li3,
.css-main-index .css-index-con .css-consultation .css-li3 {
  background: url("../i/entry-3.png") no-repeat center center;
}

.css-main-index .css-index-con .css-quick-entry .css-li3:hover,
.css-main-index .css-index-con .css-consultation .css-li3:hover {
  background: url("../i/entry-33.png") no-repeat center center #0f8a18;
}

.css-main-index .css-index-con .css-quick-entry .css-li4,
.css-main-index .css-index-con .css-consultation .css-li4 {
  background : url("../i/entry-4.png") no-repeat center center;
  margin-left: -1px;
}

.css-main-index .css-index-con .css-quick-entry .css-li4:hover,
.css-main-index .css-index-con .css-consultation .css-li4:hover {
  background: url("../i/entry-44.png") no-repeat center center #0f8a18;
}

.css-main-index .css-index-con .css-quick-entry .css-li5,
.css-main-index .css-index-con .css-consultation .css-li5 {
  background: url("../i/entry-5.png") no-repeat center center;
}

.css-main-index .css-index-con .css-quick-entry .css-li5:hover,
.css-main-index .css-index-con .css-consultation .css-li5:hover {
  background: url("../i/entry-55.png") no-repeat center center #0f8a18;
}

.css-main-index .css-index-con .css-quick-entry .css-li6,
.css-main-index .css-index-con .css-consultation .css-li6 {
  background : url("../i/entry-6.png") no-repeat center center;
  margin-left: -1px;
}

.css-main-index .css-index-con .css-quick-entry .css-li6:hover,
.css-main-index .css-index-con .css-consultation .css-li6:hover {
  background: url("../i/entry-66.png") no-repeat center center #0f8a18;
}

.css-main-index .css-index-con .css-consultation {
  width           : 318px;
  height          : 255px;
  background-color: #fff;
  border          : 1px solid #ddd;
  padding         : 0 15px;
  overflow-y      : auto;
}

.css-main-index .css-index-con .css-consultation .css-top {
  margin-top: 30px;
  padding   : 0 20px;
}

.css-main-index .css-index-con .css-consultation p {
  margin     : 10px 0 30px 0;
  line-height: 26px;
}

@media (max-width: 325px) {
  .css-main-index .css-index-con .css-consultation {
    width  : 310px;
    padding: 0 5px;
  }
}

.css-main-index .css-index-con .css-campus {
  margin-top: 15px;
}

.css-main-index .css-index-con .css-campus .css-title {
  height       : 46px;
  line-height  : 46px;
  font-size    : 16px;
  font-weight  : bolder;
  border-bottom: 1px solid #0f8a18;
  padding-left : 40px;
  background   : url("../i/pic4.png") no-repeat left center;
}

.css-main-index .css-index-con .css-campus .css-title .css-more {
  font-size : 12px;
  color     : #555;
  float     : right;
  background: url("../i/more.png") no-repeat;
  width     : 27px;
  height    : 27px;
  margin-top: 10px;
}

.css-main-index .css-index-con .css-campus ul {
  *zoom: 1;
}

.css-main-index .css-index-con .css-campus ul:after {
  content   : ".";
  display   : block;
  height    : 0;
  clear     : both;
  visibility: hidden;
}

.css-main-index .css-index-con .css-campus ul li {
  width           : 182px;
  margin          : 15px 0 0 12px;
  padding         : 0;
  background-color: #eee;
  float           : left;
  position        : relative;
}

.css-main-index .css-index-con .css-campus ul li a {
  width  : 100%;
  padding: 0;
}

.css-main-index .css-index-con .css-campus ul li a img {
  width  : 100%;
  height : 113px;
  display: block;
}

.css-main-index .css-index-con .css-campus ul li a p {
  width        : 100%;
  text-align   : center;
  display      : block;
  overflow     : hidden;
  white-space  : nowrap;
  text-overflow: ellipsis;
}

.css-main-index .css-index-con .css-campus ul li a .css-cover {
  position        : absolute;
  display         : none;
  width           : 100%;
  height          : 100%;
  line-height     : 113px;
  text-align      : center;
  left            : 0;
  top             : 0;
  z-index         : 1;
  font-size       : 20px;
  background-color: rgba(0, 59, 139, 0.7) !important;
  background      : #003b8b;
  filter          : alpha(opacity=70);
  *background     : #003b8b;
  *filter         : alpha(opacity=70);
  color           : #fff;
}

.css-main-index .css-index-con .css-campus ul li a:hover .css-cover {
  display: block;
}

@media (max-width: 768px) {
  .banner {
    height: 200px;
  }
}

@media (max-width: 768px) {
  .banner #picList {
    height: 200px;
  }
}

@media (max-width: 768px) {
  .banner .slide_img {
    height: 200px;
  }
}

.css-footer {
  min-width : 985px;
  width     : 100%;
  /* height : 90px; */
  padding   : 30px 0;
  margin    : -140px auto 0;
  background: #eee;
}

.css-footer ul {
  width      : 350px;
  line-height: 24px;
  margin-left: 20px;
  float      : left;
}

@media (max-width: 768px) {
  .css-footer ul {
    margin    : 0;
    width     : auto;
    text-align: center;
    width     : 100%;
  }
}

@media (max-width: 768px) {
  .css-footer {
    height   : auto;
    width    : 100%;
    min-width: 100%;
    padding  : 0;
    margin   : -126px auto 0;
  }

  .css-title {
    border-bottom: none !important;
  }
}

.css-footer .slogo {
  width: 240px;
}

.css-footer .code {
  width: 420px;
  float: right;
}

.css-footer .code .item {
  float     : left;
  width     : 115px;
  padding   : 0 10px;
  text-align: center;
}

.css-footer .code .item img {
  display: block;
  border : none;
  height : 75px;
  width  : 75px;
  margin : 0 auto;
}

.css-footer .code .item p {
  padding: 5px 0;
}

@media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-other {
    display: none !important;
  }
}

.info-list .list a {
  font-size: 14px;
}

@media (max-width: 768px) {
  .css-nav {
    display: none;
  }

  .css-footer .code {
    width     : 100%;
    margin-top: 10px;
  }

  .css-footer .code .item {
    width  : 33%;
    padding: 0;
  }

  .css-main-index .css-index-con .css-newslist {
    width     : 100%;
    margin    : 0;
    padding   : 10px;
    box-sizing: border-box;

  }
}

@media (max-width: 325px) {
  .css-main-index .css-index-con .css-newslist {
    width: 310px;
  }

  .css-main-index .css-index-con .css-quick-entry {
    width: 320px;
  }
}

.css-nav-left {
  position         : fixed;
  top              : 0;
  left             : 0;
  bottom           : 50%;
  width            : 50%;
  background-color : #333;
  z-index          : 99;
  height           : 100%;
  overflow         : scroll;
  -webkit-transform: translateX(-110%);
  -moz-transform   : translateX(-110%);
  -o-transform     : translateX(-110%);
  transform        : translateX(-110%);
  transition       : all 300ms ease;
}

@media (max-width: 768px) {
  .css-nav-left .nav-left-title {
    height       : 35px;
    line-height  : 35px;
    color        : #8e8e8e;
    padding      : 0 10px;
    border-bottom: 1px solid #141414;
    box-shadow   : 0px 1px 1px rgba(255, 255, 255, 0.15) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    background   : #333;
  }

  .css-nav-left .nav-left-title span {
    float: left;
  }

  .css-nav-left .nav-left-title span:last-child {
    float: right;
  }

  .css-nav-left ul li {
    border-bottom: 1px solid #141414;
    box-shadow   : 0px 1px 1px rgba(255, 255, 255, 0.15) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
  }

  .css-nav-left ul li a {
    padding : 12px;
    color   : #fff;
    position: relative;
    display : block;
  }

  .css-nav-left ul li a i {
    position       : absolute;
    top            : 50%;
    right          : 8px;
    display        : block;
    width          : 12px;
    height         : 12px;
    background     : url(../i/jiantou.png) no-repeat;
    background-size: 100% 100%;
    transform      : translateY(-50%);
    transition     : all 300ms ease;
  }

  .css-nav-left ul li .dropdown-menu {
    display: none;
  }

  .css-nav-left ul li .dropdown-menu a {
    border-bottom: 1px solid #333 !important;
    box-shadow   : 0px 0px 0px #1d1d1d !important;
    background   : #1d1d1d;
  }

  .css-nav-left .mid-img {
    margin-top: 0;
    width     : 100%;
  }

  .css-nav-left .info-list {
    width: 100%;
  }

  .css-nav-left .info-list .video-list {
    overflow   : hidden;
    margin-left: 0;
    padding    : 0 5px;
  }

  .css-nav-left .info-list .video-list li {
    width      : 100%;
    margin-left: 0;
  }

  .css-nav-left .info-list .video-list img {
    width: 100%;
  }

  .css-nav-left .info-list .list {
    margin-left: 0;
    padding    : 0 5px;
  }

  .css-nav-left .info-list .list a .date {
    margin-right: 0;
  }

  .css-nav-left .info-list .header1 {
    margin-top: 10px;
  }

  .css-nav-left .info-list .content img {
    width: 100%;
  }

  .css-nav-left .info-list .content p {
    text-indent: 0;
  }

  .css-nav-left .info-list table {
    width: 100%;
  }

  .css-nav-left .aui_outer .aui_content {
    width: 100%;
  }

  .css-nav-left .aui_outer .aui_content div {
    width: 100%;
  }

  .css-nav-left .aui_outer .aui_content textarea {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .right {
    -webkit-transform: translateX(0%);
    -moz-transform   : translateX(0%);
    -o-transform     : translateX(0%);
    transform        : translateX(0%);
    transition       : all 300ms ease;
  }

  .main-left {
    -webkit-transform: translateX(50%);
    -moz-transform   : translateX(50%);
    -o-transform     : translateX(50%);
    transform        : translateX(50%) !important;
    transition       : all 300ms ease !important;
  }

  .main-right {
    -webkit-transform: translateX(0%);
    -moz-transform   : translateX(0%);
    -o-transform     : translateX(0%);
    transform        : translateX(0%);
    transition       : all 300ms ease;
  }

  .rotate {
    transform: translateY(-50%) rotate(-90deg) !important;
  }

  .css-top-btn {
    width          : 35px;
    height         : 35px;
    position       : fixed;
    bottom         : 35px;
    right          : 10px;
    background     : url(../i/TOP.png) no-repeat;
    background-size: 100% 100%;
  }
}

/* 贵州招生模板样式 */
.css-wrapper-page .container {
  width: 1200px;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist {
  width: 390px;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist .css-title .css-txt {
  color: #fff;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist .css-list li a span {
  color: #fff;
  width: 270px;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist .css-list li a time {
  color: #fff;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist .css-list {
  padding: 5px 15px;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist .css-list li {
  position: relative;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist .css-list li:before {
  content         : '';
  position        : absolute;
  width           : 5px;
  height          : 5px;
  border-radius   : 50%;
  background-color: #fff;
  left            : -5px;
  top             : 13px;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist .css-title img {
  width : 23px;
  height: 23px;
  margin: 12px 10px 0 6px;
}

.css-wrapper-page .css-main-index .css-index-con .css-campus .css-title {
  background-image: none;
  padding-left    : 0;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist .css-title .css-txt {
  height     : 44px;
  line-height: 44px;
}

.css-wrapper-page .css-main-index .css-index-con .css-campus .css-title .css-txt {
  padding-left: 30px;
  height      : 46px;
  line-height : 46px;
  display     : inline-block;
  background  : url(../i/gznu/school.png) no-repeat left center;
  color       : #333;
}

.css-wrapper-page .css-main-index .css-index-con .css-campus .css-title .css-more {
  background-image: url(../i/gznu/more1.png);
}

.css-wrapper-page .css-header .css-right .css-search input[type="submit"] {
  background-color   : #E51F30;
  background-image   : url(../i/gznu/search.png);
  background-position: center;
}

.css-wrapper-page .css-main-index .css-index-con .css-quick-entry {
  width : 390px;
  border: none;
}

.css-wrapper-page .css-main-index .css-index-con .css-quick-entry li {
  background-color: #E51F30;
  width           : 193px;
  height          : 135px;
}

.css-wrapper-page .css-main-index .css-index-con .css-quick-entry li a {
  display: inline-block;
}

.css-wrapper-page .css-main-index .css-index-con .css-quick-entry li a {
  text-align: center;
  color     : #fff;
}

.css-wrapper-page .css-main-index .css-index-con .css-quick-entry li a img {
  margin : 35px auto 10px auto;
  display: block;
}

.css-wrapper-page .css-main-index .css-index-con .css-consultation {
  width   : 390px;
  padding : 0;
  overflow: visible;
  border  : none;
  height  : 273px;
}

.css-wrapper-page .css-main-index .css-index-con .css-consultation img {
  height: 100%;
  width : 100%;
}

.css-wrapper-page .css-main-index .css-index-con .css-newslist .css-title .css-more {
  background: url(../i/gznu/more.png) no-repeat;
  width     : 26px;
  height    : 26px;
}

.css-gz-footer .title {
  color        : #494949;
  font-size    : 16px;
  margin-bottom: 5px;
}

.css-gz-footer .container {
  width: 1200px;
}

.css-gz-footer .container ul {
  border-bottom : 1px solid #C6C6C6;
  width         : 100%;
  padding-bottom: 5px;
  float         : none;
  margin-left   : 0;
}

.css-gz-footer .container ul li {
  float       : left;
  margin-right: 20px;
}

.css-gz-footer .container ul li a {
  font-size: 14px;
}

.css-gz-footer .footer-bottom {
  padding   : 0 20px;
  margin-top: 15px;
  text-align: center;
}

.css-gz-footer .footer-bottom p {
  text-align: center;
}


.css-nav {
  background-color: #003b8b;
}

.css-header .css-right .css-search input[type="submit"] {
  background: url(../i/btnSearchH.gif) no-repeat;
}

.css-header .css-right .css-search input[type="text"] {
  border-color: #003b8b;
}

.css-nav .css-navbar>li a:hover {
  background-color: #0356c7;
}

.css-nav .css-navbar .css-dropdown {
  background-color: #003b8b;
}

.css-main-index .css-index-con .css-consultation .css-li1,
.css-main-index .css-index-con .css-quick-entry .css-li1 {
  background: url("../i/entry-1.png") no-repeat center center;
}

.css-main-index .css-index-con .css-consultation .css-li2,
.css-main-index .css-index-con .css-quick-entry .css-li2 {
  background: url("../i/entry-2.png") no-repeat center center;
}

.css-main-index .css-index-con .css-consultation .css-li3,
.css-main-index .css-index-con .css-quick-entry .css-li3 {
  background: url("../i/entry-3.png") no-repeat center center;
}

.css-main-index .css-index-con .css-consultation .css-li4,
.css-main-index .css-index-con .css-quick-entry .css-li4 {
  background: url("../i/entry-4.png") no-repeat center center;
}

.css-main-index .css-index-con .css-consultation .css-li5,
.css-main-index .css-index-con .css-quick-entry .css-li5 {
  background: url("../i/entry-5.png") no-repeat center center;
}

.css-main-index .css-index-con .css-consultation .css-li6,
.css-main-index .css-index-con .css-quick-entry .css-li6 {
  background: url("../i/entry-6.png") no-repeat center center;
}

.css-main-index .css-index-con .css-consultation .css-li1,
.css-main-index .css-index-con .css-quick-entry .css-li1:hover {
  background: url("../i/entry-11.png") no-repeat center center #2762b2;
}

.css-main-index .css-index-con .css-consultation .css-li2,
.css-main-index .css-index-con .css-quick-entry .css-li2:hover {
  background: url("../i/entry-22.png") no-repeat center center #2762b2;
}

.css-main-index .css-index-con .css-consultation .css-li3,
.css-main-index .css-index-con .css-quick-entry .css-li3:hover {
  background: url("../i/entry-33.png") no-repeat center center #2762b2;
}

.css-main-index .css-index-con .css-consultation .css-li4,
.css-main-index .css-index-con .css-quick-entry .css-li4:hover {
  background: url("../i/entry-44.png") no-repeat center center #2762b2;
}

.css-main-index .css-index-con .css-consultation .css-li5,
.css-main-index .css-index-con .css-quick-entry .css-li5:hover {
  background: url("../i/entry-55.png") no-repeat center center #2762b2;
}

.css-main-index .css-index-con .css-consultation .css-li6,
.css-main-index .css-index-con .css-quick-entry .css-li6:hover {
  background: url("../i/entry-66.png") no-repeat center center #2762b2;
}

.css-main-index .css-index-con .css-newslist .css-title .css-more {
  background: url("../i/more.png") no-repeat;
}

.css-main-index .css-index-con .css-campus .css-title {
  background: url("../i/pic4.png") no-repeat left center;
}

.css-main-index .css-index-con .css-campus .css-title .css-more {
  background: url("../i/more.png") no-repeat;
}

.css-main-index .css-index-con .css-newslist .css-title .css-txt {
  border-bottom-color: #003b8b;
}

.css-main-index .css-index-con .css-campus .css-title {
  border-bottom-color: #003b8b;
}

.tb_header td {
  background-color: #c3d7eb !important;
}

.tb_header td select {
  width : 90%;
  border: 1px solid #afafaf;
  height: 25px;
}

.tb_info_all_content td {
  border: 1px solid #ddd;
}


.css-dlpu-main .css-index-con .css-quick-entry .css-li1 {
  background     : url(../../dlpuzs/i/quick1-default.png) no-repeat center center;
  background-size: 70px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li1:hover {
  background     : url(../../dlpuzs/i/quick1-active.png) no-repeat center center #2762b2;
  background-size: 70px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li3 {
  background     : url(../../dlpuzs/i/quick2-default.png) no-repeat center center;
  background-size: 70px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li3:hover {
  background     : url(../../dlpuzs/i/quick2-active.png) no-repeat center center #2762b2;
  background-size: 70px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li5 {
  background     : url(../../dlpuzs/i/quick3-default.png) no-repeat center center;
  background-size: 70px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li5:hover {
  background     : url(../../dlpuzs/i/quick3-active.png) no-repeat center center #2762b2;
  background-size: 70px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li6 {
  background     : url(../../dlpuzs/i/quick4-default.png) no-repeat center center;
  background-size: 70px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li6:hover {
  background     : url(../../dlpuzs/i/quick4-active.png) no-repeat center center #2762b2;
  background-size: 70px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li7 {
  background     : url("../../dlpuzs/i/quick5-default.png") no-repeat center center;
  background-size: 45px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li8 {
  background     : url("../../dlpuzs/i/quick6-default.png") no-repeat center center;
  background-size: 45px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li9 {
  background     : url("../../dlpuzs/i/quick7-default.png") no-repeat center center;
  background-size: 45px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li10 {
  background     : url("../../dlpuzs/i/quick8-default.png") no-repeat center center;
  background-size: 45px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li7:hover {
  background     : url("../../dlpuzs/i/quick5-active.png") no-repeat center center #2762b2;
  background-size: 45px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li8:hover {
  background     : url("../../dlpuzs/i/quick6-active.png") no-repeat center center #2762b2;
  background-size: 45px;
}

.css-main-index .css-index-con .css-quick-entry .css-li9:hover {
  background     : url("../../dlpuzs/i/quick7-active.png") no-repeat center center #2762b2;
  background-size: 45px;
}

.css-dlpu-main .css-index-con .css-quick-entry .css-li10:hover {
  background     : url("../../dlpuzs/i/quick8-active.png") no-repeat center center #2762b2;
  background-size: 45px;
}