

.top-banner{overflow: hidden;height: 410px; min-width: 1280px;position: relative;box-shadow: 0px 3px 15px #ccc;}
.banner1 {width:100%; height: 410px; position: relative;overflow: hidden;}
.banner1-div{}
.banner1-div ul li {position: relative;}
.banner1-div ul li a span{display: block;position: absolute;/* letter-spacing: 1px; */line-height: 40px;padding: 0 18px;color: #fff;bottom: 34px;left: 30px;font-size: 23px;border-left: 5px solid #0156a3;/* background: #000; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.6); */}
.banner1-div ul li img{width:100%; height: 410px;display: block;}
.banner1 a.banner1-arr{
  display: none !important;
  width: 50px;
  height: 80px;
  background: #222;
  line-height: 80px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  xopacity: 0.8;
  xfilter: alpha(opacity=80);
  font-weight: bold;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  font-family: "SimHei";
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  z-index: 3;
  transition:all .3s;
  -webkit-transition:all .3s;
  opacity:0;
  filter: alpha(opacity=0);
  font-size: 56px;
  }
.banner1 a.banner1-prev{left: 40px;transform: translateX(-30px);-webkit-transform:translateX(-30px);}
.banner1 a.banner1-next{right: 40px;transform: translateX(30px);-webkit-transform:translateX(30px);}
.banner1:hover a.banner1-prev, .banner1:hover a.banner1-next {
  display: block;  transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 0.6; filter: alpha(opacity=90); }
.banner1:hover a.banner1-arr:hover {opacity: .9;filter: alpha(opacity=90);}
.banner1-tit{display: block;font-size: 0;position: absolute;bottom: 12px;left: 43%;left:0;width: 100%;text-align: center;}
.banner1-tit ul{display: inline;}
.banner1-tit ul li{display: inline-block;width: 30px;height: 12px;margin: 0 5px;text-indent: -999em;background: #fff;cursor: pointer;border:none;border-radius: 6px;}
.banner1-tit ul li{*display:inline;}
.banner1-tit ul li.on{background: #2156a3; opacity: 1;border:none;}

.main {background: url(../E-img/main_bg.png) no-repeat center 80%;padding-bottom: 40px;}
.main-top{padding: 20px 0 30px;}
.main-top > .ftl {width: 50%;}
.index-about {}
.index-about p{line-height: 26px;text-align: justify;text-indent: 2em;}
.index-about img {max-width: 100%;margin-top: 10px;height: 423px;}

.main-top > .ftr {width: 46%;height: 610px;}

.banner2-wrap {background: #004b92;padding: 8px 12px;margin-bottom: 16px;}
.banner2{width: 100%;height: 330px;overflow: hidden;position: relative;}
.banner2-div {height: 100%;font-size: 0;}
.banner2-div .tempWrap {height: 100%;}
.banner2-div ul {height: 100%;}
.banner2-div ul li {position: relative;height: 100%;}
.banner2-div ul li a {display: block;height: 100%;}
.banner2-div ul li .img-wrap{height: 280px;}
.banner2-div ul li img{width: 100%;height: 280px;display: block;}
.banner2-div ul li div.banner2-newsub{display: block;position: absolute;height:  40px;width: 100%;  line-height: 40px; bottom: 0;}
.banner2-div ul li div.banner2-newsub i{display: none; position: absolute;width: 100%; height: 100%;background: #000; opacity: .4; filter: alpha(opacity=40);}
.banner2-div ul li div.banner2-newsub span{display: block;color: #fff;padding-right: 0px;font-size: 14px;padding-top: 0;position: relative;max-height: 40px;line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.banner2-tit{position: absolute;height: 40px;width: 111px; bottom:0; right: 0; display: none;}
.banner2-tit ul{text-align: right;font-size: 0; line-height: 0; padding-top:  16px;}
.banner2-tit ul li{ display: inline-block; width: 24px; height: 8px;border:none;margin-right: 10px;border-radius: 4px; background-color: #aaa;}
.banner2-tit ul li{*display:inline;}
.banner2-tit ul li.on{background: #36c; }

.banner2-newtit {position: absolute;height:  40px;width: 100%;bottom: 70px;}

.news > ul li span, .banner2-newtit span{float: left;text-align: center;color: #fff;width: 50px;height: 42px;padding-left: 10px;}
.news > ul li span i, .banner2-newtit span i{display: block;font-size: 18px;padding: 2px 0;font-family: serif;}
.news > ul li span em, .banner2-newtit span em{display: block;font-size: 19px;/* font-style: italic; */font-family: serif;letter-spacing: 1px;}
.news > ul li div, .banner2-newtit h2{display: block;margin-left: 68px;margin-right: 110px;height: 42px;overflow: hidden;line-height: 24px;display: flex;align-items: center;}
.banner2-newtit h2 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #fff;font-size: 14px;}

.news > ul li {width: 100%;overflow: hidden;padding: 11px 0;transition: all .3s;}
.news > ul li span {color: #444;padding-left: 7px;font-weight: bold;}
.news > ul li div {margin: 0 0 0 68px;margin-right: 10px;}
.news > ul li a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;/* font-size: 14px; */}
.news > ul > li:hover {box-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.5);transform: scale(1) translateY(-3px);border-radius: 5px;}
.main-bottom > .clearfix > div {float: left; width: 33%;}
.activities-wrap {padding: 0 10px;}
.activities-wrap > .shadow {min-height: 100px; transition: all .3s;}
.activities-wrap > .shadow:hover {xbox-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.5);transform: scale(1) translateY(-6px);}

.activities-wrap h2 {margin-bottom: 12px;margin-top: 4px;}
.activities-wrap h2 a {font-size: 22px;color: #004b92;}
.activities-wrap h2 .bull {color: #ff9728;font-size: 28px;padding-left: 14px;}
.banner3-wrap {padding: 0 24px;}

.banner3{width: 100%;height: 336px;overflow: hidden;position: relative;}
.banner3-div {height: 100%;font-size: 0;}
.banner3-div .tempWrap {height: 100%;}
.banner3-div ul {height: 100%;}
.banner3-div ul li {position: relative;height: 100%;}
.banner3-div ul li a {display: block;height: 100%;}
.banner3-div ul li .img-wrap {height: 220px;border-radius: 4px;}
.banner3-div ul li img{width: 100%;height: 220px;display: block;}
.banner3-div ul li div{display: block;position: absolute;height:  40px;width: 100%;line-height: 40px;top: 230px;}
.banner3-div ul li div i{display: none; position: absolute;width: 100%; height: 100%;background: #000; opacity: .4; filter: alpha(opacity=40);}
.banner3-div ul li div span{
  display: block;
  padding-right: 0px;
  font-size: 16px;
  padding: 0px 4px;
  position: relative;
  max-height: 96px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  }
.banner3-tit{position: absolute;height: 40px;width: 111px; bottom:0; right: 0; display: none;}
.banner3-tit ul{text-align: right;font-size: 0; line-height: 0; padding-top:  16px;}
.banner3-tit ul li{ display: inline-block; width: 24px; height: 8px;border:none;margin-right: 10px;border-radius: 4px; background-color: #aaa;}
.banner3-tit ul li{*display:inline;}
.banner3-tit ul li.on{background: #36c; }

.more-news {text-align: right;margin: 0px 20px 10px;}
.more-news a{color: #ff9728;}

.comname {height: 42px;line-height: 42px;width: 100%;border-bottom: 1px solid #bbb;padding-bottom: 0px;margin-bottom: 16px;/* overflow: hidden; */}
.comname > a {float: right;}
.comname > span {float: left;height: 40px;padding-right: 30px;margin-right: 100px;border-bottom: 3px solid #ff9728;/* background: url(E-img/notice.png) no-repeat 4px; */}
.comname > span a {font-size: 22px;color: #333;padding-right: 5px;}
.comname > span i { display: none; color: #888;padding:0 5px 0 3px;}


.banner-title .colname  {padding:0; margin: 0; border: none;}