@charset "utf-8";
*{margin:0;padding:0;}
img{border:none; vertical-align:top;}
li{ list-style:none;}
i,em{ font-style:normal;}
a{color:#8f8f8f;text-decoration:none;}
a:hover{ text-decoration:none;color:#4d80d5;}
body{background:url(news-bg-qxls-2026.jpg) #f0f9ff top center no-repeat;font-family:'Microsoft Yahei',sans-serif,Arial;font-size:12px;color: #8f8f8f;}
::-webkit-scrollbar {width:10px;height:10px;background-color: rgba(151,212,255,.6);}
::-webkit-scrollbar-track{border-radius:50px; background-color:#b5d4ff;}
::-webkit-scrollbar-thumb{border-radius:20px;background-color:#9ab4d9;}
::-webkit-scrollbar-button {background-color:#b5d4ff;}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.db{display:block;}
.main{ width: 1200px;; margin: 0 auto;}
.top-nav-bg {float:left;width:100%;height:93px;background-color: rgba(0,0,0, 0.8);}
.top-nav-bg .hl_nav{position: relative;color: #ffffff;min-width: 1200px;;height:93px;}
.top-nav-bg .hl_nav a{display: block;text-decoration: none;}
.top-nav-bg .hl_nav .shade{position: absolute;width: 100%;height:307px;top:93px;left: 0;z-index: 1;background-color:#000;opacity:0.7;filter: alpha(opacity=70);display: none;}
.top-nav-bg .hl_nav .nav_list{position: absolute;z-index: 2;padding: 0;list-style: none;width: 1200px;;overflow: hidden;height:93px;}
.top-nav-bg .hl_nav .nav_list .logo {float:left;width:280px;text-align:left;height:60px;margin-top:15px;}
.top-nav-bg .hl_nav .nav_list>li{padding: 0;float: left;margin:0;width:130px;text-align: center;height:400px;}
.top-nav-bg .hl_nav .nav_head{height:93px;line-height:93px;color:#ffffff;font-size:18px;}
.top-nav-bg .hl_nav .item{height:40px;line-height:40px;color: #ffffff;position: relative;}
.top-nav-bg .hl_nav .item:hover:after{content: '';display: block;position: absolute;width:80px;height: 2px;left:24px;bottom:3px;background:#1497db;}
.top-nav-bg .hl_nav .nav_list:hover{height:400px;transition: height 0.3s;font-size:16px;}
.top-nav-bg .hl_nav .nav_list:hover + .shade{display: block;}
.top-nav-bg .hl_nav .nav_list>li.right{float: right;}
.top-nav-bg .hl_nav .nav_list>li:hover .item{}
.top-nav-bg .hl_nav .top-music{width:32px;height:32px;margin-top:30px;}
.top-nav-bg .hl_nav .top-music .top_video{width:32px; height:32px; position:absolute; right:40px;cursor:pointer;}
.top-nav-bg .hl_nav .top-music .top_video img{-moz-animation: spin 5s infinite linear;-o-animation: spin 5s infinite linear;-webkit-animation: spin 5s infinite linear;animation: spin 5s infinite linear;}
@-moz-keyframes spin {0% { -moz-transform: rotate(0deg); }100% { -moz-transform: rotate(360deg); }}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@-o-keyframes spin {0% { -o-transform: rotate(0deg); }100% { -o-transform: rotate(360deg); }}
@-ms-keyframes spin {0% { -ms-transform: rotate(0deg); }100% { -ms-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

.news {float:left;width:100%;margin-top:350px;margin-bottom:100px;}
.news .news-list {float:left;width:1198px;background:#fff;border:1px solid #d5d5d5;}
.news .news-list .news-nav {float:left;width:1198px;height:160px;background:url(newsbg.jpg) #ffffff top center no-repeat;}
.news .news-list .news-nav .news-nav-01 {float:left;width:100%;height:65px;margin-top:45px;}
.news .news-list .news-nav .news-nav-01 li {float:left;width:536px;}
.news .news-list .news-nav .news-nav-01 li:nth-child(1) {margin-left:63px;}
.news .news-list .news-nav .news-nav-01 li:nth-child(1) h1 {float:left;text-align:left;width:100%;height:30px;line-height:30px;font-size:16px;color:#999999;}
.news .news-list .news-nav .news-nav-01 li:nth-child(1) h2 {float:left;text-align:left;width:100%;height:35px;line-height:35px;font-size:30px;color:#4d80d5;}
.news .news-list .news-nav .news-nav-01 li:nth-child(2) {float:left;height:65px;text-align:right;margin-top:40px;margin-right:63px;}
.news .news-list .news-nav .news-nav-01 li:nth-child(2) {color:#999999;font-size:18px;font-weight: bold;}
.news .news-list .news-nav .news-nav-01 li:nth-child(2) a {margin:0 10px;}

.news .news-list .news-zw,.news .news-list .news-down {float:left;width:1198px;text-align:left;margin-top:40px;margin-bottom:100px;}
.news .news-list .news-zw h1 {float:left;width:100%;height:40px;line-height:40px;text-align:center;color:#666666;font-size:24px;}
.news .news-list .news-zw h2 {float:left;width:100%;height:40px;line-height:40px;text-align:center;color:#999999;font-size:16px;}
.news .news-list .news-zw .zw {float:left;width:1078px;padding:0 60px;line-height:30px;text-align:left;color:#999999;font-size:18px;}
.news .news-list .news-zw .zw p {float:left;width:100%;line-height:30px;}
.news .news-list .news-zw .zw-bq {float:left;text-align:right;width:1078px;height:50px;padding:0 60px;line-height:30px;color:#999999;margin-top:50px;font-size:18px;}


.news .news-list .news-down .down-bg {float:left;width:908px;height:398px;background:url(ny-down-bg.png) no-repeat;margin-left:115px;}
.news .news-list .news-down .down-bg div {float:left;width:408px;margin-left:140px;margin-top:210px;}
.news .news-list .news-down .down-bg div li {float:left;width:100%;line-height:25px;text-align:center;color:#fff;font-size:18px;}

.scroll {
  position: fixed;
  bottom: 250px;
  right: 1%;
  z-index: 9;
  display: none; }
  .scroll-top {
	  position: relative;z-index: 2;
    background-image: url("icon_scrolltop_top.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 103px;
    height: 79px;
    left:140px;
	top:80px;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation: scrollTop 1s linear infinite alternate;
    animation: scrollTop 1s linear infinite alternate; }
  .scroll-body {cursor: pointer;background-image: url("icon_scrolltop.png");background-size: contain;background-position: center;background-repeat: no-repeat;width:250px;height:299px;position: relative;z-index: 1; }
  @-webkit-keyframes scrollTop {
  0%, 15%, 25%, 35% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10%, 30% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  20%, 40% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); } }

@keyframes scrollTop {
  0%, 15%, 25%, 35% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10%, 30% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  20%, 40% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); } }