.main { position: relative; z-index: 900; }

.main .item-1 { width: 100%; overflow: hidden; height: 431px; position: relative; }
.main .item-1 .banner { position: absolute; left: 50%; width: 1996px; height: 431px; top: 0; z-index: 200; margin-left: -998px; }
.main .item-1 .banner img { display: block; }

#banner-slide { position: relative; width: 100%; height: 431px; }
#banner-slide .banner-box { position: absolute; left: 0; top: 0; width: 100%; }
.main .item-1 .banner-box .banner { display: none; }
.main .item-1 .banner-0 .banner {  display: block; }


.main .item-1 .line-bg { width: 100%; opacity: 0.8; filter: alpha(opacity=80); background-color: #0471b4; height: 431px; position: absolute; top: 0; left: 0px; }
.main .item-1 .inner { z-index: 300; position: relative; display: none; }
.main .item-1 .inner .bull { position: absolute; left: 0; top: 0; z-index: 400; animation: translateShow 3s 1.6s ease both; -webkit-animation: translateShow 3s 1.6s ease both; }
.main .item-1 .inner .icon { position: absolute; left: 0; top: 0; z-index: 500; animation: translateX-right 1.3s 1s ease both; -webkit-animation: translateX-right 1.3s 1s ease both; }
.main .item-1 .inner .txt { position: absolute; z-index: 600; top: 72px; animation: translateX-left 1.3s 1s ease both; -webkit-animation: translateX-left 1.3s 1s ease both; }
.main .item-1 .inner .txt-2 { top: 217px; /*left: 50px; display: none;*/animation: translateX-left 1.3s 1s ease both; -webkit-animation: translateX-left 1.3s 1s ease both; }
.main .item-1 .btn-banner { display: none; position: absolute; bottom: 10px; text-align: center; width: 100%; z-index: 800; }
.main .item-1 .btn-banner a { width: 52px; height: 5px; cursor: pointer; margin-right: 4px; background-color: #fff; display: inline-block; *display: inline; *zoom: 1; }
.main .item-1 .btn-banner .current { background-color: #faa20a; }

.line-bg { /* animation: translateX-line 1.3s 0.2s ease both; -webkit-animation:  translateX-line 1.3s 0.2s ease both; */ }
.line-bg { animation: translateX-line 1.3s 0.2s ease both; -webkit-animation:  translateX-line 1.3s 0.2s ease both; }

/* .main .item-1 .banner-2 { display: none; } */
.main .item-1 .banner-1 { z-index: 100; opacity: 1; }
.main .item-1 .banner-2 { z-index: 200; opacity: 1; }
.main .item-1 .banner-0 { z-index: 300; opacity: 1; }
.main .item-1 .banner-2 .line-bg { width: 100%; }
.main .item-1 .banner-2 .inner .txt { left: 50px; top: 156px; }
.main .item-1 .banner-2 .inner .txt-3 { left: 53px; animation: translateX-Top 1.3s 1.2s ease both; -webkit-animation:  translateX-Top 1.3s 1.2s ease both; }
.main .item-1 .banner-2 .inner .txt-4 { left: 198px; top: 155px; animation: translateX-Top 1.3s 1.8s ease both; -webkit-animation:  translateX-Top 1.3s 1.8s ease both; }
.main .item-1 .banner-2 .inner .txt-5 { left: 344px; top: 154px; animation: translateX-Top 1.3s 2.2s ease both; -webkit-animation:  translateX-Top 1.3s 2.2s ease both; }
.main .item-1 .banner-2 .inner .txt-6 { top: 215px; animation: translateX-left 1.3s 2.2s ease both; -webkit-animation: translateX-left 1.3s 2.2s ease both; }

.btn-banner .btn-box { display: inline-block; }

@keyframes translateX-line{
  0%{ transform:translateX(-100%); opacity: 0;}
  100%{ transform:translateX(0); opacity: 0.8;}
}
@-webkit-keyframes translateX-line{
  0%{ -webkit-transform:translateX(-100%); opacity: 0;}
  100%{ -webkit-transform:translateX(0); opacity: 0.8;}
}
@keyframes translateX-left{
  0%{ transform:translateX(-100%); opacity: 0;}
  100%{ transform:translateX(0); opacity: 1;}
}
@-webkit-keyframes translateX-left{
  0%{ -webkit-transform:translateX(-100%); opacity: 0;}
  100%{ -webkit-transform:translateX(0); opacity: 1;}
}
@keyframes translateX-right{
  0%{ transform:translateX(100%); opacity: 0;}
  100%{ transform:translateX(0); opacity: 1;}
}
@-webkit-keyframes translateX-right{
  0%{ -webkit-transform:translateX(100%); opacity: 0;}
  100%{ -webkit-transform:translateX(0); opacity: 1;}
}
@keyframes translateShow{
  0%{ opacity: 0;}
  100%{ opacity: 0.8;}
}
@-webkit-keyframes translateShow{
  0%{ opacity: 0;}
  100%{ opacity: 0.8;}
}
@keyframes translateX-Top{
  0%{ transform:translateY(-100%); opacity: 0;}
  100%{ transform:translateY(0); opacity: 1;}
}
@-webkit-keyframes translateX-Top {
  0%{ -webkit-transform:translateY(-100%); opacity: 0;}
  100%{ -webkit-transform:translateY(0); opacity: 1;}
}


.main .item-2 {}
.main .item-2 .topnews { height: 58px; line-height: 62px; background-color: #e9f4ff; overflow: hidden; }
.main .item-2 .topnews a { color: #0b6ba4; font-size: 14px; float: left; display: block; height: 62px; line-height: 62px; min-width: 200px; /* width: 260px; */ overflow: hidden; }
.main .item-2 .topnews span { color: #5b91b3; margin-left: 20px; float: left; display: block; line-height: 64px; }
.main .item-2 .topnews .width { background: url(../images/news-trumpet.png) left 24px no-repeat; width: 1140px; min-width: 1140px; }
.main .item-2 .topnews .txt-roll { height: 58px; overflow: hidden; width: 1083px; margin-left: 36px; }
.main .item-2 .topnews .txt-roll li { height: 58px; overflow: hidden; /* width: 420px; */ margin-right: 100px; float: left; margin-left: 10px; }

.main .item-2 .news-change { width: 1098px; margin: 0 auto; position: relative; height: 418px; }
.main .item-2 .change-btn { margin-top: 22px; height: 40px; }
.main .item-2 .change-btn li { color: #cac9c8; font-size: 18px; margin-right: 13px; display: inline-block; *display: inline; *zoom: 1; }
.main .item-2 .change-btn li a { color: #434343; font-size: 16px; padding-bottom: 8px; }
.main .item-2 .change-btn li .now { text-decoration: none;color: #147ab7; border-bottom: 2px solid #faa20a; }
.main .item-2 .news-change .news-more { display: none; position: absolute; right: 0; top: 8px; color: #faa20a; font-size: 12px; font-family: 'Arial' }
.main .item-2 .news-content { margin-top: 33px; height: 345px; position: absolute; width: 100%; /*display: none;*/ }
.main .item-2 .show-content { z-index: 9999; }
.main .item-2 .news-content .news-1 { position: relative; }
.main .item-2 .news-content .news-img { width: 380px; overflow: hidden; height: 272px; position: relative; float: left; opacity: 0; filter: alpha(opacity=0); }
.main .item-2 .show-content .news-img { opacity: 1; filter: alpha(opacity=100); }
.main .item-2 .news-content .news-img ul { width: 2280px; }
.main .item-2 .news-content .news-img li { float: left; position: relative; }
.main .item-2 .news-content .news-img li a:hover { text-decoration: none; }
.main .item-2 .news-content .news-img li img { width: 380px; height: 272px; }
.main .item-2 .news-content .news-img li span { position: absolute; bottom: 0; background-color: #4172a3; opacity: 0.8; width: 380px; left: 0; height: 42px; font-size: 14px; color: #fff; line-height: 42px; text-align: center; }
.main .item-2 .news-content .news-txt { float: right; width: 660px; display: none; }
.main .item-2 .news-content .news-txt dt { margin-left: 20px; border-bottom: 1px dotted #b8b7b7; margin-bottom: 8px; }
.main .item-2 .news-content .news-txt dt h2 { color: #147ab7; font-size: 20px; line-height: 16px; }
.main .item-2 .news-content .news-txt dt span { color: #cfcfcf; font-family: 'Arial'; margin: 15px 0 4px 0; display: block; }
.main .item-2 .news-content .news-txt dt p { color: #7a7979; line-height: 24px; margin-bottom: 15px; }
.main .item-2 .news-content .news-txt dt a:hover { text-decoration: none; opacity: 0.8; display: block; }
.main .item-2 .news-content .news-txt dd { clear: both; }
.main .item-2 .news-content .news-txt dd a { font-family: '\5FAE\8F6F\96C5\9ED1'; background: url(../images/news-icon.jpg) left center no-repeat; *float: left; padding-left: 20px; font-size: 14px; display: inline-block; *display: inline; *zoom: 1; color: #615f5f; line-height: 32px; }
.main .item-2 .news-content .news-txt dd span { float: right; line-height: 32px; color: #b5b5b5; font-family: 'Arial'; }
.main .item-2 .news-content .news-txt dd a:hover { color: #848484; text-decoration: none; }
.main .item-2 .switchable-triggers { position: absolute; width: 381px; text-align: center; top: 282px; left: 0; display: none; }
.main .item-2 .show-content .switchable-triggers { display: block; }
.main .item-2 .show-content .news-txt { display: block; }
.main .item-2 .switchable-triggers li { cursor: pointer; margin: 0 1px; display: inline-block; *display: inline; *zoom: 1; font-size: 36px; height: 36px; line-height: 26px; color: #c4c4c4; }
.main .item-2 .switchable-triggers .current { color: #faa20a; }

.main .item-3 {}
.main .item-3 .title { width: 1105px; margin: 0 auto; background: url(../images/index-item-3-1.jpg) repeat-x right center; }
.main .item-3 .title h2 { float: left; font-size: 16px; display: block; line-height: 24px; color: #3a3a3a; padding-right: 10px; background-color: #fff; }
.main .item-3 .title span { line-height: 28px; color: #bdb9b9; background-color: #fff; display: block; float: left; padding-right: 17px; }
.main .item-3 .change-3 { margin-bottom: 100px; position: relative; overflow: hidden; }
.main .item-3 .change-3 img { width: 195px; height: 139px; }
.main .item-3 .change-img-2 { width: 1105px; position: relative; overflow: hidden; height: 184px; margin: 50px auto 0 auto; }
.main .item-3 .change-img-2 ul { position:absolute; left:0; width: 1135px; _width: 1103px; float: left; }
.main .item-3 .change-img-2 .list2 { position: absolute; left: 0; top: 0; }
.main .item-3 .change-img-2 li { float: left; margin-right: 32px; width: 195px; position: relative; overflow: hidden; margin-bottom: 5px; }
.main .item-3 .change-img-2 li span { display: block; width: 100%; text-align: center; background-color: #f8f8f8; line-height: 42px; color: #5b5b5b; height: 43px; }
.main .item-3 .change-img-2 a:hover { display: block; border-bottom: 2px solid #faa20a; text-decoration: none; }
.main .item-3 .change-img-2 a:hover .active-img { display: block; }
.main .item-3 .change-img-2 .active-img { display: none; position: absolute; top: 0; left: 0; background: url(../images/index-item-3-icon.png) no-repeat; width: 195px; height: 138px; }
.main .item-3 .btn-3 { position: absolute; width: 36px; height: 34px; top: 111px; cursor: pointer; }
.main .item-3 .btn-3 div { width: 100%; height: 100%; }
.main .item-3 .btn-3-warp { position: absolute; top: 0; width: 100%; height: 100%; display: none; }
.main .item-3 .btn-3 .active { display: none; }

.main .item-3 .btn-3-prev .active { background: url(../images/btn-prev-.png) left center no-repeat; }
.main .item-3 .btn-3-prev { left: 0; background: url(../images/btn-prev.png) left top no-repeat; }


.main .item-3 .btn-3-next .active { background: url(../images/btn-next-.png) left center no-repeat; }
.main .item-3 .btn-3-next { right: 0; background: url(../images/btn-next.png) left top no-repeat; }

.newyear-page { width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 9999; }
.newyear-page .newyear-warp { width: 900px; padding: 40px; position: relative; height: 420px; background: url(../images/newyear.jpg) center no-repeat; display: block; margin: 10% auto; }
.newyear-page .newyear-close { cursor: pointer; width: 40px; height: 40px; background: url(../images/close.png) center no-repeat; position: absolute; right: -40px; top: -40px; }

/* 中秋 */
.zqj-wrap { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; background-color: #d30100; height: 100%; display: none; }
.zqj-wrap .zqj-bg { position: absolute; bottom: 0; width: 100%; height: 100%; z-index: 100; background: #d20001 url(../images/chuxi-bg2020.jpg) center no-repeat; }
.zqj-wrap .zqj-txt { position: absolute; z-index: 200; width: 60%; top: 30%; left: 20%; animation: translateY-top 1.5s 0.2s ease both; -webkit-animation: translateY-top 1.5s 0.2s ease both; }

.zqj-wrap span { width: 40px; height: 40px; display: block; position: absolute; z-index: 300; right: 30px; top: 30px; background: url(../images/close-zq.png) no-repeat; cursor: pointer; }

@keyframes translateY-top{
  0%{ transform:translateY(-50%); opacity: 0;}
  100%{ transform:translateY(0); opacity: 1;}
}
@-webkit-keyframes translateY-top{
  0%{ -webkit-transform:translateY(-50%); opacity: 0;}
  100%{ -webkit-transform:translateY(0); opacity: 1;}
}

.zq-hide { display: none; }

#floatwindow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}