/*
* @author: omtech.cn
* @date:   2018-04-09 18:29:42
* @last modified by:   jason
* @last modified time: 2018-04-23 11:38:27
*/
@charset "utf-8";

.banner {
  height: 520px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
}

.menu,
.menu span { height: 82px; }
.menu {
  position: relative;
  overflow: hidden;
  font-size: 24px;
  line-height: 82px;
  text-align: center;
  background:  no-repeat center top #3993e8;
}
.menu span {
  position: relative;
  display: inline-block;
  width: 165px;
  _width: 160px;
}
.menu span a,
.menu span s {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.menu span a {
  top: 0;
  z-index: 2;
  color: #fff;
}
.menu span s {
  z-index: 1;
  -webkit-transform: skewx(-10deg);
          transform: skewx(-10deg);
}
.menu span s {
  top: -82px;
  background-color: #e9bf5c;
}
.menu span:hover a,
.menu span.on a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.menu span:hover s,
.menu span.on s { top: 0; }

.container { padding-bottom: 50px; }

/*mod*/
.mod {
  overflow: hidden;
  padding-top: 50px;
}
.mod .hd {
  height: 46px;
  margin-bottom: 35px;
  overflow: hidden;
  border-bottom: 1px solid #efefef;
}
.mod .hd h3 {
  float: left;
  padding-left: 15px;
  padding-right: 35px;
  font-size: 28px;
  line-height: 46px;
  color: #fff;
  background:  no-repeat right #103594;
}
.mod .hd .more {
  float: right;
  margin-top: 5px;
  color: #666;
}
.mod .hd .more:hover {
  color: #d51c17;
  text-decoration: none;
}

/*mod-bushu*/
.mod-bushu .hd {
  margin-bottom: 20px;
  border-bottom: none;
}

.bushu-headline {
  margin-bottom: 25px;
  font-size: 40px;
  line-height: 1.4;
  text-align: center;
}
.bushu-headline a { color: #d51c17; }

.bushu-slide {
  float: left;
  overflow: hidden;
  background-color: #ccc;
}
.bushu-slide,
.bushu-slide .conts,
.bushu-slide .conts li,
.bushu-slide .conts li .image,
.bushu-slide .conts li .image img {
  width: 600px;
  height: 450px;
}
.bushu-slide,
.bushu-slide .conts,
.bushu-slide .conts li { position: relative; }
.bushu-slide .conts ul,
.bushu-slide .conts li {
  -webkit-transition: none;
          transition: none;
}
.bushu-slide .conts,
.bushu-slide .conts li {
  float: left;
  overflow: hidden;
}
.bushu-slide .conts li .image img { display: block; }
.bushu-slide .conts li .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  overflow: hidden;
  background:  repeat-x bottom;
  _background: none;
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000);
}
.bushu-slide .conts li .title p {
  display: block;
  height: 30px;
  overflow: hidden;
  margin: 38px 100px 0 20px;
  font-size: 20px;
  line-height: 30px;
}
.bushu-slide .conts li .title a { color: #fff; }
.bushu-slide .icons {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
}
.bushu-slide .icons li {
  float: left;
  width: 8px;
  height: 8px;
  overflow: hidden;
  margin: 0 3px;
  cursor: pointer;
  border-radius: 100%;
  background-color: #b2b2b2;
  background-color: rgba(255, 255, 255, .3);
}
.bushu-slide .icons li.on { background-color: #d51c17; }
.bushu-slide .prev,
.bushu-slide .next {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 38px;
  height: 76px;
  margin-top: -38px;
  background:  no-repeat;
  background-color: #666;
  background-color: rgba(0, 0, 0, .6);
}
.bushu-slide .prev {
  left: -38px;
  background-position: left top;
}
.bushu-slide .next {
  right: -38px;
  background-position: right bottom;
}
.bushu-slide .prev:hover,
.bushu-slide .next:hover {
  background-color: #000;
  background-color: rgba(0, 0, 0, 1);
}
.bushu-slide .prev:hover { background-position: right top; }
.bushu-slide .next:hover { background-position: left bottom; }

.bushu-news {
  float: right;
  width: 575px;
}
.bushu-news li {
  overflow: hidden;
  height: 111px;
  font-size: 24px;
  font-weight: bold;
  line-height: 35px;
  border-bottom: 1px solid #e8e8e8;
}
.bushu-news li table,
.bushu-news li td {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/*jiedu-baoguang*/
.jiedu-baoguang {
  height: 360px;
  overflow: hidden;
  padding-top: 80px;
}

/*mod-jiedu*/
.mod-jiedu {
  position: relative;
  float: left;
  width: 574px;
  height: 360px;
  background:  no-repeat;
}
.mod-jiedu .hd h3 { display: none; }
.mod-jiedu .hd .more {
  position: absolute;
  top: 47px;
  right: 27px;
  color: #666;
}
.mod-jiedu .hd .more:hover {
  color: #d51c17;
  text-decoration: none;
}
.mod-jiedu ul {
  position: absolute;
  top: 100px;
  left: 7%;
  width: 86%;
}

/*mod-baoguang*/
.mod-baoguang {
  position: relative;
  float: right;
  width: 572px;
  height: 330px;
  background:  no-repeat;
}
.mod-baoguang .hd h3 { display: none; }
.mod-baoguang .hd .more {
  position: absolute;
  top: 20px;
  right: 0;
  color: #666;
}
.mod-baoguang .hd .more:hover {
  color: #d51c17;
  text-decoration: none;
}
.mod-baoguang ul {
  position: absolute;
  top: 105px;
  left: 6%;
  width: 88%;
}

/*video-picture*/
.video-picture { overflow: hidden; }
.video-picture .mod .hd h3 {
  letter-spacing: 10px;
  padding-left: 40px;
  padding-right: 45px;
}
.video-picture .mod { width: 560px; }
.video-picture .mod ul { width: 580px; }

.mod-video { float: left; }
.mod-picture { float: right; }

/*mod-xuexi*/
.mod-xuexi ul { width: 1260px; }
.mod-xuexi li {
  float: left;
  width: 570px;
  padding-right: 60px;
}
.mod-xuexi ul li.picnews { margin-bottom: 30px; }

/*mod-luoshi*/
.mod-luoshi ul { width: 1260px; }
.mod-luoshi li {
  float: left;
  width: 570px;
  padding-right: 60px;
}

/*meiti-wangyu*/
.meiti-wangyu { padding-top: 20px; }

/*mod-meiti*/
.mod-meiti {
  float: left;
  width: 570px;
  overflow: visible;
}
.mod-meiti .bd {
  position: relative;
  height: 369px;
}
.mod-meiti .wrap {
  position: absolute;
  left: -50px;
  top: 0;
  width: 639px;
  height: 369px;
  overflow: hidden;
  background:  no-repeat;
}
.mod-meiti .bd ul {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 500px;
}


/*mod-wangyu*/
.mod-wangyu {
  float: right;
  width: 570px;
}
.mod-wangyu .bd {
  position: relative;
  height: 353px;
}
.mod-wangyu .bd .wrap {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 353px;
  background:  no-repeat;
}
.mod-wangyu .bd ul {
  position: absolute;
  top: 70px;
  left: 30px;
  width: 500px;
}

/*list*/
.news-list li {
  overflow: hidden;
  height: 48px;
  line-height: 48px;
}
.news-list li a {
  display: inline-block;
  padding-left: 20px;
  background:  no-repeat 0 21px;
}
.news-list li a:hover { background-position: 0 -27px; }
.news-list li.bignews a,
.news-list li.picnews a {
  padding-left: 0;
  background: none;
}
.news-list li.bignews {
  font-size: 24px;
  font-weight: bold;
}
.news-list li.picnews {
  height: 150px;
  margin-bottom: 15px;
}
.news-list li.picnews .image { float: left; }
.news-list li.picnews .image,
.news-list li.picnews .image img {
  width: 200px;
  height: 150px;
}
.news-list li.picnews .cont {
  margin-left: 225px;
  padding-top: 5px;
}
.news-list li.picnews .cont h4 {
  max-height: 105px;
  overflow: hidden;
  font-size: 20px;
  line-height: 35px;
}
.news-list li.picnews .cont p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1;
  color: #666
}

/*pic-list*/
.pic-list li {
  float: left;
  width: 270px;
  padding-right: 20px;
}
.pic-list li .image,
.pic-list li .image img {
  width: 270px;
  height: 203px;
}
.pic-list li .image {
  position: relative;
  overflow: hidden;
}
.pic-list li .image s {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background:  no-repeat center;
}
.pic-list li .image:hover s {
  background-color: rgba(0, 0, 0, .5);
}
.pic-list li .title {
  height: 60px;
  overflow: hidden;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}