.Banner { position: relative; }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0px; padding: 0px; list-style: none; }
.flexslider { margin: 0px; padding: 0px; }
.flexslider .slides > li { overflow: hidden; backface-visibility: hidden; vertical-align: middle; display: table; }
.flexslider .slides img { width: 100%; margin: 0px auto; vertical-align: middle; display: block; left: -50%; top: -50%; max-width: 100%; height: 100%; }
.flex-pauseplay span { text-transform: capitalize; }
.slides::after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flexslider { background: rgb(255, 255, 255); position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; transition: all 1s ease 0s; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { }
.flex-direction-nav a { text-decoration: none; display: block; width: 53px; height: 53px; margin: -20px 0px 0px; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-indent: -999em; opacity: 0.6; }
.flex-direction-nav .flex-prev { left: 10px; background: url("../images/lf.png") center center no-repeat; }
.flex-direction-nav .flex-next { right: 10px; background: url("../images/rt.png") center center no-repeat; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { cursor: default; }
.flexslider .slides > li h4 { height: 50px; line-height: 50px; font-size: 2rem; position: absolute; bottom: 0px; left: 0px; background: url("../images/bg02.png") repeat; text-align: center; font-weight: normal; z-index: 9998; width: 100%; color: rgb(255, 255, 255); }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: rgb(0, 0, 0); background: rgb(221, 221, 221); }
.flex-pauseplay a::before { font-family: flexslider-icon; font-size: 20px; display: inline-block; content: " "; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play::before { content: " "; }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; display: none; }
.flex-control-nav li { margin: 0px 6px; display: inline-block; zoom: 1; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: rgb(255, 255, 255); cursor: pointer; text-indent: -9999px; border-radius: 20px; }
.flex-control-paging li a:hover { background: rgb(9, 86, 173); }
.flex-control-paging li a.flex-active { background: rgb(9, 86, 173); }
.flex-control-thumbs { margin: 5px 0px 0px; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0px; }
.flex-control-thumbs img { width: 100%; display: block; opacity: 0.7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
.flex-control-nav { z-index: 444; }
.Banner .flexslider .slides li .slide_tills { margin: 0px auto; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 157px; background: url("../images/banner_bg.png") repeat-x; z-index: 99; }
.Banner .flexslider .slides li .slide_tills .tills1 { position: relative; width: 1200px; margin: 152px auto 0px; z-index: 999; }
.Banner .flexslider .slides li .slide_tills span { position: absolute; bottom: 10px; left: 0px; color: rgb(255, 255, 255); font-size: 22px; font-weight: bold; }
.content { width: 100%; overflow: hidden; margin: 0px auto; }
.mode01 { max-width: 1200px; margin: 20px auto 30px; overflow: hidden; }
.articleTitle { overflow: hidden; padding-bottom: 30px; }
.articleTitle a.more { color: rgb(153, 153, 153); font-size: 14px; float: right; margin-top: 16px; }
.articleTitle a.more:hover { color: rgb(182, 56, 56); }
.articleTitle h2 { font-size: 24px; font-weight: normal; color:#fff; font-weight: normal; background: url("../images/title_bg.png") left top no-repeat; height:40px; text-indent:6px; }
.HeadLine { padding: 20px 30px; overflow: hidden; background: url("../images/headLine_bg.png") center top no-repeat; }
.articleTitle01 { float: left; width: 31px; height: 78px; line-height: 40px; border: 1px solid rgb(255, 223, 155); padding: 15px; margin-bottom: 0px; }
.articleTitle01 h2 { overflow-wrap: break-word; line-height: 40px; font-size: 30px; color: rgb(255, 223, 155); font-weight: bold; }
.headline_info { float: right; width: 100%; overflow: hidden; }
.headline_info h3 { text-align: center; color: rgb(255, 255, 255); height: 33px; line-height: 33px; overflow: hidden; margin-bottom: 15px; }
.headline_info h3 a { color: rgb(255, 255, 255); font-size: 30px; }
.headline_info p { color: rgb(255, 255, 255); font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; text-indent: 28px; }
.headline_info p a { color: rgb(255, 223, 155); }
.headline_info p a:hover { color: rgb(255, 255, 255); }
.mode02 { max-width: 1200px; margin: 0px auto 40px; overflow: hidden; }
.NewsList { overflow: hidden; }
.NewsList .lf { float: left; width: 54.66%; overflow: hidden; }
.NewsList .rt { float: right; width: 41.83%; overflow: hidden; }
.Banner1 .flex-direction-nav a { top: 100%; margin-top: -40px; width: 18px; height: 30px; opacity: 1; }
.Banner1 .flex-direction-nav .flex-prev { left: 20px; background: url("../images/lf1.png") center center no-repeat; }
.Banner1 .flex-direction-nav .flex-next { right: 20px; background: url("../images/rt1.png") center center no-repeat; }
.Banner1 .till_slides { height: 50px; line-height: 50px; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url("../images/banner1_bg.png") repeat; }
.Banner1 .till_slides i { display: block; color: rgb(255, 255, 255); font-size: 18px; text-align: center; padding: 0px 10%; font-style: normal; }
.topNewsList { overflow: hidden; border-bottom: 1px solid rgb(221, 221, 221); }
.topNews { margin-bottom: 30px; }
.topNews h3 a { display: block; font-size: 16px; height: 27px; line-height: 27px; overflow: hidden; margin-bottom: 15px; font-weight: 500; }
.topNews p { font-size: 14px; height: 58px; line-height: 28px; overflow: hidden; color: rgb(119, 119, 119); text-indent: 30px; }
.topNews p a { color: rgb(182, 56, 56); font-size: 14px; }
.newsListInfo { overflow: hidden; }
.newsListInfo li { margin-top: 26px; }
.newsListInfo li a { display: block; height: 24px; font-size: 16px; line-height: 24px; overflow: hidden; padding-left: 15px; background: url("../images/li.png") left 10px no-repeat; }
.mode03 { max-width: 1200px; overflow: hidden; margin: 0px auto 26px; }
.mode03 .lf { float: left; width: 54.66%; overflow: hidden; }
.mode03 .rt { float: right; width: 41.83%; overflow: hidden; }
.noticeList { overflow: hidden; }
.noticeList li { margin-bottom: 20px; }
.noticeList li a { display: block; height: 24px; font-size: 16px; line-height: 24px; overflow: hidden; padding-left: 15px; background: url("../images/li.png") left 10px no-repeat; }
.zhaiyao { padding-top: 10px; color: rgb(165, 156, 156); overflow: inherit !important; font-size: 14px !important; padding-left: 104px !important; }
.xuxian {border-bottom: 1px dotted rgb(189, 189, 189);color: rgb(119, 119, 119);margin-bottom: 22px;line-height: 24px;margin-top: 6px;text-indent: 0px;font-size: 14px;padding-left: 16px;height: 72px;text-align: justify;overflow: hidden;}
.noticeList p:last-of-type { border-bottom: 0px dotted rgb(189, 189, 189); }
.searchBg.fl { width: 40px; height: 40px; border-radius: 50%; cursor: pointer; position: relative; float: right; margin-top: -52px; margin-right: 20px; }
form.fl input[type="text"] { border: 1px solid rgb(204, 200, 200); height: 30px; background-color: transparent; width: 60px; border-radius: 25px; color: rgb(204, 200, 200); padding: 0px 32px 0px 10px; box-sizing: border-box; font-size: 14px; outline: none; }
form.fl input[type="submit"] { border: 0px; width: 51px; height: 26px; position: absolute; top: 63%; transform: translateY(-48%); right: -16px; outline: none; background-color: rgba(0, 0, 0, 0); color: rgb(204, 200, 200); }
.wrap_mode04 { width: 100%; margin: 0px auto; background: url("../images/zt_bg.png") center top no-repeat; height: 493px; }
.mode04 { max-width: 1200px; margin: 0px auto; overflow: hidden; }
.articleTitle02 h2 { color: rgb(255, 255, 255);background:none; }
.articleTitle02 a.more { color: rgb(255, 255, 255); }
.Banner2 .flexslider { background: none; }
.Banner2 .flexslider .slides li a { float: right ; width: 488px; overflow: hidden; }
.Banner2 .flexslider .slides li .till_slides { float:left ; width: 680px; overflow: hidden; background: url("../images/till_slides_bg1.png") center top / 100% 100% no-repeat; height: 322px; }
.Banner2 .flexslider .slides li .tillBox { padding: 40px 40px 40px 64px; }
.Banner2 .flexslider .slides li .tillBox h3 { margin-bottom: 10px; padding-bottom: 30px; line-height: 34px; }
.Banner2 .flexslider .slides li .tillBox h3 a { width: 100%; float: none; color: rgb(255, 255, 255); font-size: 24px; line-height: 30px; font-weight: normal; height: 60px; overflow: hidden; }
.Banner2 .flexslider .slides li .tillBox p { color: rgb(255, 255, 255); font-size: 14px; line-height: 28px; height: 105px; overflow: hidden; margin-top: -30px; text-align: justify; margin-bottom: 28px; }
.Banner2 .flex-direction-nav a { margin-top: -15.6%; width: 31px; height: 29px; opacity: 1; }
.Banner2 .flex-direction-nav .flex-prev { left: 94.5%; background: url("../images/lf2.png") center center no-repeat; }
.Banner2 .flex-direction-nav .flex-next { right: 0px; background: url("../images/rt2.png") center center no-repeat; }
.mode05 { max-width: 1200px; overflow: hidden; margin: 40px auto; }
.mode05 .lf { float: left; width: 54.66%; overflow: hidden; }
.mode05 .rt { float: right; width: 41.83%; overflow: hidden; }
.mode06 { max-width: 1200px; overflow: hidden; margin:10px auto 40px; }
.ImgList { overflow: hidden; width: 103%; }
.ImgList li { float: left; width: 25%; }
.ImgList li .ImgBox { display: block; margin-right: 30px; }
.ImgList li .ImgBox a { display: block; height: 0px; padding-bottom: 39%; overflow: hidden; }
.ImgList li .ImgBox a img { display: block; transform: scale(1); transition: all 0.5s ease 0s; }
.ImgList li .ImgBox a:hover img { transform: scale(1.05); }
.mode05 .lf .articleList03 .noticeList li { width: 662px; float: left; padding-bottom: 9px; }
.mode05 .lf .articleList03 .noticeList li img { width: 90px; height: 100px; float: left; }
.mode05 .lf .articleList03 .noticeList li a { background: url(""); width: 555px; }
@media screen and (max-width: 1200px) {
  .content { width: 100%; }
  .mode01, .mode02, .Banner .flexslider .slides li .slide_tills .tills1, .mode03, .mode04, .mode05, .mode06 { width: 92%; }
  .NewsList .lf { width: 100%; float: none; margin-bottom: 20px; }
  .NewsList .rt { width: 100%; float: none; }
  .topNews p { height: auto; line-height: 24px; font-size: 14px; }
  .topNews h3 a { height: auto; font-size: 18px; margin-bottom: 10px; }
  .topNews { margin-bottom: 19px; }
  .newsListInfo li { margin-top: 12px; }
  .newsListInfo li a { font-size: 16px; height: auto; }
  .noticeList li a { font-size: 16px; }
  .noticeList li { margin-bottom: 12px; }
  .Banner2 .flex-direction-nav a { margin-top: -40px; }
  .Banner2 .flexslider .slides li .tillBox { padding: 35px 33px 50px 57px; }
  .Banner2 .flex-direction-nav .flex-prev { left: 91%; }
  .Banner2 .flexslider .slides li a { width: 100%; height: 196px; }
  .Banner2 .flexslider .slides li .till_slides { float: none; width: 100%; background: none; padding: 30px 0px; }
  .Banner2 .flexslider .slides li .tillBox { padding: 0px; }
  .Banner2 .flexslider .slides li .tillBox h3 a { height: auto; }
  .Banner2 .flexslider .slides li .tillBox h3 { margin-bottom: 20px; padding-bottom: 20px; height: 56px;  overflow: hidden;}
  .Banner2 .flexslider .slides li .tillBox p { height: auto; margin-bottom: 20px; line-height: 24px;     overflow: hidden; height: 166px; text-align: -webkit-center;}
  .Banner2 .flex-direction-nav .flex-prev { left: 0px; }
  .Banner2 .flex-direction-nav .flex-next { right: 0px; }
  .wrap_mode04 { background-size: cover; height: 100%; }
}
@media screen and (max-width: 1000px) {
  .mode06 { margin-bottom: 20px; }
}
@media screen and (max-width: 800px) {
  .headline_info h3 a { font-size: 25px; }
  .HeadLine { padding-right: 20px; }
  .articleTitle01 { padding: 6px; }
  .Banner1 .till_slides i { font-size: 14px; }
  .articleTitle h2 { font-size: 24px; color:#fff; font-weight: normal; background: url("../images/title_bg.png") left top no-repeat; height:40px; text-indent:6px;}
  .articleTitle01 h2 { font-size: 30px; }
  .mode03 .lf { width: 100%; float: none; margin-bottom: 20px; }
  .mode03 .rt { width: 100%; float: none; }
  .mode05 .lf { width: 100%; float: none; margin-bottom: 20px; }
  .mode05 .rt { width: 100%; float: none; }
  .noticeList li a { height: auto; }
  .Banner2 .flexslider .slides li .tillBox h3 a { font-size: 18px; line-height: 26px; }
  .mode03 .noticeList li{
	  height: 24px;overflow: hidden;
  }
}
@media screen and (max-width: 640px) {
  .headline_info h3 a { font-size: 20px; }
  .ImgList li { width: 50%; margin-bottom: 20px; }
  .mode06 { margin-bottom: 0px; }
  .ImgList { width: 106%; }
}
@media screen and (max-width: 480px) {
  .headline_info { width: 100%; }
}
@media screen and (max-width: 360px) {
  .mode05 .lf .articleList03 .noticeList li a { width: 228px; text-align: justify; }
}