@charset "utf-8";
html { height: 100%;}
body { min-height: 100%; font-family: "微软雅黑"; overflow-x: hidden;}
body.overflowHid{ overflow: hidden;}
.w1200 { width: 1200px; margin: 0 auto;}
a,a img {transition: .3s;}
a,input,textarea {outline: none;}
a:active,input:active,textarea:active {star:expression(this.onFocus=this.blur());}
/*a:hover img,.schoolList ul li a:hover {opacity: 0.8; filter: alpha(opacity = 80);}*/
.overH { overflow: hidden;}
a.more { float: right; color: #666}
a.more:hover,ul.newsListUl li a:hover { color: #f30}
ul.newsListUl li a,
.f3-warp .newsListsLeft .ulBox li a { display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.bgGray { background: #F0F0F1}
.bgGreeb { background: #4FC426}
.fz18 { font-size: 18px;}
.switchBox,.sub-nav { display: none;}

.txtI2em { text-indent: 2em;}

.gray-2 { color: #545454;}

/*垂直居中*/
.a{display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-orient: horizontal;box-pack: center;box-align: center;}

.pt140 { padding-top: 140px;}

.top { position: fixed; width: 100%; height: 132px; top: 0; z-index: 9; overflow: hidden;}
.top-search { height: 42px; background: #474747; overflow: hidden;}
.top-search .tq-left { color: #fff; line-height: 42px;}
.top-search .tq-left p.tq-ico { margin: 4px 10px 0;}
.top-search .search-right { width: 180px; margin-top: 8px; border: 1px solid #A7A7A7; height: 24px; line-height: 24px; position: relative;}
.top-search .search-right input.searchTxt { background: none; border: none; height: 24px; padding-left: 10px; color: #fff;}
.top-search .search-right a.searchBtn { display: block; width: 40px; height: 24px; position: absolute; right: 0; top: 0; background: url(search-ico.png) no-repeat center; text-indent: -99em; overflow: hidden;}

.logo-menu { height: 89px;background:#fff; background: rgba(255,255,255,.85);border-bottom: 1px solid #ddd;}
.logo-menu .menuBox ul li { float: left; height: 30px; line-height: 30px; margin: 0 14px;}
.logo-menu .menuBox ul li a {padding: 10px 0; color: #333; font-size: 18px;}
.logo-menu .menuBox ul li a:hover { margin-top: -10px;}
.logo-menu .menuBox ul li a:hover,.logo-menu .menuBox ul li a.active { color: #51b3ff}



.imgSwitchBox ul { width: 2000px; height: 100%; position: relative;}
.imgSwitchBox ul li { float: left; height: 100%;}
.imgSwitchBox ul li a { display: block; }
.imgSwitchBox .btn-txt { position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; background-color:#000; background-color:rgba(0,0,0,0.75)}
.imgSwitchBox .btn-txt p.btn { text-align: center; padding-top:5px;}
.imgSwitchBox .btn-txt p.btn a { display: inline-block; width: 10px; height: 10px; text-indent: -99em; overflow: hidden; background: #A9A9A9; margin: 0 10px; border-radius: 50%;}
.imgSwitchBox .btn-txt p.btn a.active { background: #FF9309}
.imgSwitchBox .btn-txt p.txt {padding: 0 20px; font-size: 18px; color: #fff; text-align: center;}
/*淡入淡出*/
.imgSwitchBox.fade-out .imgList{ position: relative;}
.imgSwitchBox.fade-out .imgList li { position: absolute; top: 0; left:0;}
.imgSwitchBox.fade-out .imgList li a:hover  img {opacity: 1 !important; filter: alpha(opacity =100) !important;}



.newsTit { position: relative;}
.newsTit h2 a { display: inline-block; height: 60px; line-height: 60px; position: relative; padding: 0 20px; font-size: 20px; color: #383c3c; }
.newsTit h2 a.active { background: #FFD61D; color: #fff;}
.newsTit h2 a i { position: absolute; display: inline-block; height: 18px; min-width: 18px; border-radius: 9px; line-height: 18px; text-align: center; font-size: 14px;  top: 3px; right: 3px; background: #f00; color: #fff;}
.newsTit h2 a em { display: none; position: absolute; left: 50%; bottom: -16px; margin-left: -8px;  width:0;height:0;border-width:8px;border-style:solid dashed dashed dashed;border-color:#FFD61D transparent transparent transparent;}
.newsTit h2 a.active em { display: block}
.newsTit h2 a.active i { display: none;}
.newsTit a.more { position: absolute; right: 20px; top:20px; font-size: 16px;}


/*新闻展示 temp 1 start*/
.newsList-temp1 .ulBox {height: 198px;overflow: hidden;margin-bottom: 5px;}
.newsList-temp1 .ulBox li a { display: block; width: 100%; margin-bottom: 10px; line-height: 32px; font-size: 18px; color: #383c3c}
.newsList-temp1 .ulBox li a span { float: left; display:block; padding: 0 20px; margin-right: 10px; background: #899CAE; color: #fff;}


/*新闻展示 temp 1 end*/

/*图片切换 temp 1 start*/
.imgMoveBox,.imgList { position: relative; height: 152px; }
.imgList {height: 150px; overflow: hidden;}
.imgWidth { position: absolute;}
.imgMoveBox .l-t-btn a { display: block; width: 12px; height: 112px; overflow: hidden; text-indent: -99em; position: absolute; top: 50%; background: url(btn-1-1.png) no-repeat; }
.imgMoveBox .l-t-btn a.leftBtn { left: -10px;}
.imgMoveBox .l-t-btn a.rightBtn { right: -10px;}
.imgMoveBox dl { float: left;padding: 0 15px;}
.imgMoveBox .l-t-btn a:hover{opacity: 0.8; filter: alpha(opacity = 80);}
/*图片切换 temp 1 end*/

/*列表 temp 2 start*/
.listBox-temp2 {margin: 15px 45px;}
.listBox-temp2 li a{ display: block; height: 42px; line-height: 42px; font-size: 16px; position: relative; padding: 0 120px 0 28px; color: #333; border-bottom: dashed 1px #E8E9EB;
/* 新增 */
text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
/* 新增 */
}
.listBox-temp2 li a:hover { color: #f30}
.listBox-temp2 li a i { display: block; width: 9px; height: 9px; background: #E4E5E7; border-radius: 50%; position: absolute; top: 17px; left: 10px;  }
.listBox-temp2 li a span { position: absolute; right: 10px; top: 0; color: #666}
/*列表 temp 2 end*/

/*pages start*/
.pages { height: 24px; text-align: center;}
.pages .rightcon a { display: inline-block; height: 22px; margin: 0 3px; line-height: 22px; padding: 0 10px; border: 1px solid #ddd; background: #fff; color: #333}
.pages .rightcon a:hover { background: #eee}
.pages .rightcon span {}
.pages .rightcon input { width: 30px; margin:0 2px; text-align: center; background: #f8f8f8; border: 1px solid #ddd;}
.pages .rightcon input#num { background: #fff; border: 1px solid #ddd;}

.pages .leftcon {display: inline-block; color: #888; padding-right: 10px;}
.pages .leftcon span,.pages .leftcon em { font-size: 14px; padding: 0 2px;}
.pages .rightcon { display: inline-block;}


/*pages end*/
/*path start*/
.path { height: 60px; line-height: 60px; background: #D1DCE6 url(homeIco-1.png) no-repeat 20px center; padding-left: 46px; font-size: 16px; color: #8F8F8F }
.path a { color: #8F8F8F}
/*path end*/

/*文章样式 start*/
.articleBox { font-size: 16px; line-height: 30px; font-family: "宋体";}
.articleBox img { max-width: 100%}
.articleBox .fn18 { font-size: 18px; font-weight: 700;text-align: center;}

.articleTit-nav { text-align: center;}
.articleTit-nav h2 { font-size: 24px;text-align: center;line-height: 30px;}
.articleTit-nav p { display: block; width: 260px; height: 40px; margin:0 auto;}
.articleTit-nav p em { float: left;}
.articleTit-nav p strong a { float: left; color: #666; padding: 0 8px; font-weight: 500; font-size: 14px;}
.articleTit-nav p strong a.share { padding-left: 0;}
.articleTit-nav p strong a.viwe { padding-left: 18px;background: url(viwe-ico.png) no-repeat 0 center; color: #666;}
.articleTit-nav a.btn-temp1 { display: inline-block; height: 40px; padding: 0 20px; color: #fff; font-size: 16px; line-height: 40px; background: #51B3FF; border-radius: 5px; }
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { position: relative; top: -1px; left: 12px;}

.table-temp1 table { width: 100%; text-align: center;}
.table-temp1 table thead td { height: 54px; background: #8ECEFF; font-size: 20px; font-weight: 700; color: #fff;}
.table-temp1 table thead td.odd {  background: #72BFFB;}
.table-temp1 table tbody td { height: 54px; background: #D7E7F4; font-size: 14px; color: #115992;}
.table-temp1 table tbody tr td.odd { background: #BFDFF8;}
.table-temp1 table tbody tr.odd td { background: #E3EBF2;}
.table-temp1 table tbody tr.odd td.odd { background: #D7E7F4;}
.table-temp1 table tbody tr td.ps { background: #DFEFFC;}

/*文章样式 end*/


/*左,右侧导航 start*/
.sideNav-left { position: fixed; top: 38%; left: 20px; z-index: 9;}
.sideNav-left ul li a{ display: block;  padding-top: 38px;background: url(side-l-ico-1.png) no-repeat center 0; text-align: center; margin-bottom: 15px; font-size: 13px; color: #fff; }
.sideNav-left ul li a.ico1 { background-position: center -62px;}
.sideNav-left ul li a.ico2 { background-position: center -127px;}
.sideNav-left.temp1 ul li a { color: #666}
.sideNav-right { position: fixed; top: 38%; right: 20px; z-index: 9;}
.sideNav-right ul li a {display: block; width: 46px; height: 30px; padding-left: 34px; line-height: 30px; background: url(side-r-ico-1.png) no-repeat 13px 10px; color: #e8eaed;font-size: 14px; border-radius: 15px;}
.sideNav-right ul li a.active { background-color: #51B3FF; color: #fff !important;}
.sideNav-right ul li a.active.ico0 { background-position: 13px -20px;}
.sideNav-right ul li a.active.ico1 { background-position: 13px -51px;}
.sideNav-right ul li a.active.ico2 { background-position: 13px -81px;}
.sideNav-right ul li a.active.ico3 { background-position: 13px -114px;}
.sideNav-right ul li a.active.ico4 { background-position: 13px -146px; padding-right: 10px;}
.sideNav-right.temp1 ul li a { color: #666}
/*左,右侧导航 end*/

.screen-warp { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; background-repeat: no-repeat; background-position: center 0; background-size: cover;}
.f1-warp { background-image: url(bg-1.jpg)}
.f2-warp { background-image: url(bg-2.jpg)}
.f3-warp { background-image: url(bg-3.jpg)}
.f4-warp { background-image: url(bg-4.jpg)}
.f5-warp { background-image: url(bg-5.jpg)}

/*.list-warp {background-image: url(fg-bg-1.png)}*/

.warpH2 {height: 56px;}
.warpH2 h2 { float: left; height: 56px; line-height: 56px; font-size: 20px; color: #fff; padding: 0 30px; background: #51B3FF; position: relative;}
.warpH2 h2 i {position: absolute; left: 50%; bottom: -16px; margin-left: -8px;  width:0;height:0;border-width:8px;border-style:solid dashed dashed dashed;border-color:#51B3FF transparent transparent transparent; }

/*f1 start*/
.f1-warp .searchBox { width: 620px; margin: 0 auto; padding: 40px 0 0; }
.f1-warp .searchBox .searTxt { width: 620px; height: 62px; background: #E8C51F; border-radius: 31px; overflow: hidden; position: relative;}
.f1-warp .searchBox .searTxt input.txt { width: 500px; height:52px; font-size: 16px; background: #fff; height: 16px; padding: 14px 0 22px 20px; border: none; position: relative; top: 5px; left: 5px; border-radius: 26px 0 0 26px; }
.f1-warp .searchBox .searTxt a.searchBtn { display: block; position: absolute; top: 0; right: 0; height: 62px; width: 95px; text-align: center; line-height: 62px; font-size: 18px; color: #000; }
.f1-warp .searchBox .searTxt a.searchBtn:hover { background: #D6B417}
.f1-warp .searchBox .tag a { display: inline-block; padding: 0 20px; font-size: 14px; height: 16px; line-height: 16px; color: #fff; border-right:1px solid #fff; }
.f1-warp .searchBox .tag a:nth-last-child(1) { border: none;}

.f1-warp .img-switch-temp-1 { width: 490px; height: 515px; overflow: hidden; position: relative; border-radius: 15px 0 0 15px;}
.f1-warp .newsListBox { width: 710px;  height: 515px; border-radius: 0 15px 15px 0; overflow: hidden;}
.f1-warp .newsList-temp1 { padding: 20px 0 20px 20px;background:#fff; background: rgba(255,255,255,.8);}
.f1-warp .imgMoveBox-temp1 { width: 100%; height: 172px;background:#fff; background: rgba(255,255,255,.8);}
.f1-warp .imgMoveBox .l-t-btn a { width: 35px; height: 35px; margin-top: -28px; background-position: 0 0;}

.f1-warp .imgMoveBox .l-t-btn a.rightBtn { background-position: 0 -54px;}
.f1-warp .imgMoveBox  { margin: 20px 20px 0;}
.f1-warp .imgMoveBox dl { padding: 0 2px;}
.f1-warp .imgMoveBox .imgList {margin: 0 24px;}
.f1-warp .imgMoveBox .imgList dl dd { width: 100px; text-align: center;}
.f1-warp .imgMoveBox .imgList dl dd a { font-size: 16px; color: #666;}
.f1-warp .imgMoveBox .imgList dl dd i { display: block;}



.f1-warp .txt-move-box { height: 30px; padding-left: 40px; line-height: 30px; font-size: 22px; color: #ff6000; background: url(gb-ico.png) no-repeat 10px center;letter-spacing: 3px}


/*f1 end*/
/*f2 start*/
.f2-warp .tIco { margin: 20px 0 -1px 0; padding-right: 12%; }
.f2-warp .f2ListBox ul { width: 100%;}
.f2-warp .f2ListBox ul li { float: left; width: 33.33%; }
.f2-warp .f2ListBox ul li.iNum4{ width: 25%;}
.f2-warp .f2ListBox ul li a { display: block; margin: 0 5px 10px; height: 250px; text-align: center; color: #fff; font-size: 24px; padding: 0 10px;line-height: 34px;}
.f2-warp .f2ListBox ul li a i { display: block; padding: 70px 0 16px; position: relative; }
.f2-warp .f2ListBox ul li a:hover i { -webkit-animation: foneLista .6s linear; animation: foneLista .6s linear;}
.f2-warp .f2ListBox ul li a.bg0 { background: #FCBF49; background: rgba(252,185,54,.9); border-radius: 30px 0 0 0;}
.f2-warp .f2ListBox ul li a.bg1 { background: #328FE5; background: rgba(34,137,232,.9);}
.f2-warp .f2ListBox ul li a.bg2 { background: #94D261; background: rgba(137,206,80,.9); border-radius: 0 30px 0 0;}
.f2-warp .f2ListBox ul li a.bg3 { background: #8F86C2; background: rgba(137,127,193,.9); border-radius: 0 0 0 30px;}
.f2-warp .f2ListBox ul li a.bg4 { background: #EE8780; background: rgba(237,123,115,.9);}
.f2-warp .f2ListBox ul li a.bg5 { background: #23C8F1; background: rgba(17,200,245,.9); border-radius: 0 0 30px 0;}
.f2-warp .f2ListBox ul li a.bg6 { background: #009688; background: rgba(0,150,136,.9);}
.f2-warp .f2ListBox ul li a.bg7 { background: #C05ED1; background: rgba(185,77,204,.9);}
/*f2 end*/
/*f3 start*/
.f3-warp .newsListsLeft { width: 500px; height: 494px; padding: 30px 20px; background: #FADC50; border-radius: 15px 0 0 15px; overflow: hidden;}
.f3-warp .newsListsLeft .newsTit h2 a { color: #666; font-size: 18px; padding: 0 15px; height: 56px; line-height: 56px;}
.f3-warp .newsListsLeft .newsTit h2 a em { border-color: #fff transparent transparent transparent;}
.f3-warp .newsListsLeft .newsTit h2 a.active { background: #fff;}
.f3-warp .newsListsLeft .newsTit a.more  { top: 18px; right: 0; font-size: 14px;}
.f3-warp .newsListsLeft .newsList-temp1 .ulBox li a { font-size: 16px; border-bottom: dashed 1px #fff; padding-bottom: 10px;}
.f3-warp .newsListsLeft .newsList-temp1 .ulBox li a:hover,
.f3-warp .newsListsLeft .newsList-temp1 .ulBox li a.active { color: #fff;}
.f3-warp .newsListsLeft .newsList-temp1 .ulBox li a strong { font-weight: 500;}
.f3-warp .newsListsLeft .newsList-temp1 .ulBox li a span{ background: #C19F00}
.f3-warp .newsListsLeft .newsList-temp1 .ulBox li .articleTxt { display: none;}
.f3-warp .newsListsLeft .ulBox { position: relative;}
.f3-warp .newsListsLeft .ulBox em.arrowIco { display: block; position: absolute; right:-20px; top: 15px; margin-top: -12px;  width:0;height:0;border-width:12px;border-style:dashed solid dashed dashed;border-color:transparent #fff transparent transparent; }
.f3-warp .newsArticleBox { width: 390px; height: 514px; padding: 40px 0 0; background: #fff; background: rgba(255,255,255,.6)}
.f3-warp .newsArticleBox h4.newsArticleTit {padding: 0 20px; font-size: 18px; color: #333; text-align: center;}
.f3-warp .newsArticleBox .articleCentent{ height: 422px; padding: 0 20px; overflow: hidden; overflow-y: auto; line-height: 24px;}
.f3-warp .newsArticleBox .articleCentent p { margin-bottom: 5px;}
.f3-warp .exchangeBox { height: 554px; border-radius: 0 15px 15px 0;overflow: hidden;}
.f3-warp .exchangeBox a img {opacity: 0.8; filter: alpha(opacity = 80);border-radius: 0 15px 15px 0;}
.f3-warp .exchangeBox a:hover img {opacity: 1; filter: alpha(opacity = 100)}
/*f3 start*/
/*f4 start*/
.f4-warp .communityList { margin-left: -8px;}
.f4-warp .community-item { margin-left: 8px; border: 1px solid #ddd; background: #F4F4F4; padding-bottom: 20px; }
.f4-warp .community-item h4 { text-align: center; font-size: 16px;padding: 20px 0 10px 0;}
.f4-warp .community-item a.more { float: none; display:block; width: 60px; height: 24px; margin: 0 auto; text-align: center; line-height: 24px; border: 1px solid #51B3FF; color: #51B3FF;} 
.f4-warp .community-item ul { overflow: hidden;}
.f4-warp .community-item ul li { padding: 0 15px; margin-top: -1px;}
.f4-warp .community-item ul li a,.f4-warp .community-item ul li span { display: block; height: 30px; line-height: 30px; position: relative; padding:3px 80px 3px 25px; color: #3D3D3D; font-size: 14px; border-top: dashed 1px #ddd; }
.f4-warp .community-item ul li a:hover { color: #f30}
.f4-warp .community-item ul li a i,.f4-warp .community-item ul li span i { display: block; width: 18px; height: 18px; font-size: 12px; border: 1px solid #D4D4D4; border-radius: 50%; text-align: center; line-height: 18px; position: absolute; left: 0; top: 7px;}
.f4-warp .community-item ul li a em,.f4-warp .community-item ul li span em { position: absolute; right: 0; top: 0;}
/*f4 end*/
/*f5 start*/
.f5-warp .warpH2 h2 { background: #FBDB47; color: #777}
.f5-warp .warpH2 h2 i {border-color: #FBDB47 transparent transparent transparent;}
.f5-warp .vodeWarp { width: 720px; height: 470px; overflow: hidden; border-radius: 15px; position: relative;}
.f5-warp .vodeWarp h4.tit { position: absolute; top: 20px; left: 0; width: 100%; z-index: 3;}
.f5-warp .vodeWarp h4.tit strong { font-size: 16px; color: #fff;padding-left: 30px;}
.f5-warp .vodeWarp h4.tit a.more { color: #fff; font-size: 14px; padding-right: 30px;}
.f5-warp .newsBox { width: 460px; height: 470px;overflow: hidden; border-radius: 15px; background:#fff; background: rgba(255,255,255,.2); }
.f5-warp .newsBox .newsList-temp1 { margin: 30px;}
.f5-warp .newsBox .newsList-temp1 .newsTit h2 a {color: #fff;}
.f5-warp .newsBox .newsList-temp1 .newsTit h2 a.active {background: #FFD61D; color: #5d6a7b;}
.f5-warp .newsBox .newsList-temp1 .ulBox { margin: 15px;}
.f5-warp .newsBox .newsList-temp1 .ulBox li a {  font-size: 16px; color: #000; border-bottom: dashed 1px #7CC1E9; margin-bottom: 15px; padding: 0 10px 15px; line-height: 24px;}

/*f5 end*/

/*内页 start*/
.page-bg {background: url(fg-bg-1.png) no-repeat  center 0;background-attachment:fixed; background-size: cover;}
.h-auto { height: auto !important;}
.pagesBox .navLeft { width: 220px; }
.pagesBox .navLeft h2 { height: 170px; background: #58B6FF url(h2-bg-1.png); text-align: center; font-size: 16px; color: #fff;}
.pagesBox .navLeft h2 i { display: block; width: 100%; padding-top: 46px;}
.pagesBox .navLeft ul { background: #fff;}
.pagesBox .navLeft ul li a { display: block; height: 62px; line-height: 62px; font-size: 16px; color:#000; text-align: center;}
.pagesBox .navLeft ul li > a em { display: inline-block; width: 16px; height: 16px; margin-right: 5px; background:url(jt-ico-1.png) no-repeat center -24px;  position: relative; top: 4px;}
.pagesBox .navLeft ul li > a.active em,.pagesBox .navLeft ul li > a.active:hover em {top: 8px; background-position: center 0;}
.pagesBox .navLeft ul li > a:hover em {top: 4px; background-position: center -48px;}
.pagesBox .navLeft ul li a:hover,.pagesBox .navLeft ul li a.active { background: #58B6FF; color: #fff;}
.pagesBox .navLeft ul li .sub-nav dl dd a { height: 46px; line-height: 46px; font-size: 14px; background: #E1E5EA; margin-bottom: 1px;}
.pagesBox .navLeft ul li .sub-nav dl dd a:hover,.pagesBox .navLeft ul li .sub-nav dl dd a.active { color: #5FB8FD;}
.pagesBox .rBox { width: 960px; background: #fff;}


.wechat-box { height: 600px; background:url(wc-bg-1-2.png) no-repeat right bottom; background-color: #fff; background-color: rgba(255,255,255,.8); position: relative;}
.wechat-box .wechat-info { width: 420px; height: 470px; margin: 80px 0 0 90px; background: #F8FAFB; }
.wechat-box .wechat-info h2 { font-size: 19px; padding:50px 0 10px; text-align: center; font-weight: 700;}
.wechat-box .wechat-info h4 { padding: 20px 0 0; font-size: 16px; font-weight: 700;}
.wechat-box .wechat-info p.ps { padding: 15px 30px; font-size: 16px; line-height: 28px;}

/*内页 end*/


/*科技工作者日 start*/
.fz14 { font-size: 14px;}
.overflowHide { overflow: hidden;}
.txt-c { text-align:  center;}
.kjgzr-warp .banner-box { padding-top: 300px; background:url(kjgzr-bg01.jpg) no-repeat center 0;}
.kjgzr-warp .banner-box h4 { text-align: center; padding-bottom: 30px;}
.kjgzr-warp .banner-box h4 a { font-size: 34px; color: #B40F0F; font-weight: 700;}
.kjgzr-warp .banner-box p { font-size: 16px; line-height: 28px; color: #B40F0F; text-indent: 2em;}



.hot-news-box .hotimg-box {width: 660px;  overflow: hidden;}
.hot-news-box .img-switch-temp-2 { width: 660px; height: 324px; position: relative;}
.hot-news-box .news-box ul li a { position:relative; font-size: 16px; color: #B40F0F; line-height: 32px; padding-left: 10px; }
.hot-news-box .news-box ul li a i { display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 10px; left: 0; background: #B40F0F;}
.hot-news-box .news-box a.more { font-size: 16px; color: #B40F0F}

.representative-list { height: 670px; background:url(kjgzr-bg02.jpg) no-repeat center 0; overflow: hidden;}
.representative-list h2.titimg { padding: 30px 0; text-align: center;}
.representative-list p.ps { width: 1200px; margin: 0 auto 30px; font-size: 16px; color: #fff;}
.representative-list .repres-list-box ul li { width: 14.28%; float: left; }
.representative-list .repres-list-box ul li a { display: block; margin:0 5px 10px 5px; padding: 10px; background: #EBDEDE; text-align: center; font-size: 14px; color: #000 }
.representative-list .repres-list-box ul li a i { display: inline-block; width: 100%;}
.representative-list .repres-list-box ul li a i img { width: 100%; height: 150px;}
/*科技工作者日 end*/


/*屏幕尺寸不同时样式切换 start*/

/*f1 start*/
.lessThanH780 .f1-warp .searchBox { padding-top: 5px;}
/*.lessThanH780 .f1-warp .newsBox { margin-top: 15px;}*/
.lessThanH780 .f1-warp .newsListBox {height: 446px;}
.lessThanH780 .newsTit h2 a { height: 40px; line-height: 40px;}
.lessThanH780 .newsList-temp1 .newsTit { margin-bottom: 15px;}
.lessThanH780 .newsList-temp1 .ulBox li a {font-size: 16px;line-height: 24px;}
.lessThanH780 .f1-warp .imgMoveBox-temp1 { height: 170px;}
.lessThanH780 .f1-warp .img-switch-temp-1,.lessThanH780 .f1-warp .img-switch-temp-1 .bigimg a  {height: 446px;}
.lessThanH780 .newsList-temp1 .ulBox { height: 165px;overflow: hidden;margin-bottom: 5px;}

.lessThanH650 .top { height: 90px;}
.lessThanH650 .top-search { display: none; }
.lessThanH650 .pt140 { padding-top: 96px;}
.lessThanH650 .newsList-temp1 .ulBox li a { font-size: 14px; line-height: 24px;}
.lessThanH650 .newsList-temp1 .ulBox { height: 126px;overflow: hidden;margin-bottom: 5px;}

.lessThanH650 .f1-warp .newsListBox {height: 381px;}
.lessThanH650 .f1-warp .newsList-temp1 { padding: 10px;}
.lessThanH650 .f1-warp .imgMoveBox { margin-top: 10px;}
.lessThanH650 .f1-warp .imgMoveBox-temp1 { height: 170px;}
.lessThanH650 .f1-warp .img-switch-temp-1,.lessThanH650 .f1-warp .img-switch-temp-1 .bigimg a { height: 381px}
/*f1 end*/

/*f2 start*/
.lessThanH780 .f2-warp .tIco img { width: 160px;}
.lessThanH780 .f2-warp .f2ListBox ul li a { height: 200px;}
.lessThanH780 .f2-warp .f2ListBox ul li a i { padding: 40px 0 10px;}
.lessThanH650 .f2-warp .tIco { display: none;}
.lessThanH650 .f2-warp .f2ListBox ul { padding-top: 50px;}

/*f2 end*/
/*f3 start*/
.lessThanH780 .warpH2 { height: 40px; margin:10px 0;}
.lessThanH780 .warpH2 h2 { height: 40px; line-height: 40px;}
.lessThanH780 .f3-warp .newsListsLeft .newsList-temp1 .ulBox li a { height: 26px; line-height: 26px; font-size: 14px;}
.lessThanH780 .f3-warp .newsListsLeft { height: 400px;}
.lessThanH780 .f3-warp .newsArticleBox { height: 420px;}
.lessThanH780 .f3-warp .newsArticleBox .articleCentent { height: 344px}
.lessThanH780 .f3-warp .exchangeBox { height: 460px;}

.lessThanH650 .warpH2 { height: 20px; margin:0; font-size: 14px; line-height: 20px; overflow:hidden;}
.lessThanH650 .warpH2 h2 { display: none;}

/*f3 end*/
.lessThanH650 .f5-warp .vodeWarp,.lessThanH650 .f5-warp .newsBox { height: 412px;}
.lessThanH650 .footer { height: 50px; padding-top: 10px}
.lessThanH650 .footer p { line-height: 22px; font-size: 12px;}


/*屏幕尺寸不同时样式切换 end*/




/*规定动画走向 start*/
.f1-warp p.tIco,.f1-warp .f1ListBox { position: relative;}
.f1-warp.on p.tIco {-webkit-animation: topBottom .8s linear; animation: topBottom .8s linear;}
.f1-warp.on .f1ListBox {-webkit-animation: bottomTop .8s linear; animation: bottomTop .8s linear;}


/*规定动画走向 end*/
.roll-btn { display: none\0; position: fixed; bottom: 30px; left: 50%;z-index: 9; width: 50px; height: 50px; margin-left: -25px; background: url(roll-btn.png) no-repeat; z-index: 9; -webkit-animation: bannerScale 2s linear infinite; animation: bannerScale 2s linear infinite; background-size: cover;}


.footer { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding-top: 20px; text-align: center;background:#fff; background: rgba(255,255,255,.25)}
.footer p { line-height: 26px; color: #000;}
.footer p a { padding: 0 10px; color: #000;}
.footer.temp2 { padding: 10px 0;}
.footer.temp2.psrel { position: relative; height: 70px;}
.footer.temp2.psrel .footer  { position: relative;}
.footer.temp2 p{ color: #4a4a4a}
/*定义滚动条 start*/
::-webkit-scrollbar  
{  
    width: 8px;  
    height: 8px;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */
    border-radius: 4px;  
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 4px;  
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  */
    background-color: #ccc;  
}
/*定义滚动条 end*/

/*动画 start*/
@keyframes foneLista {
    0% {bottom:0;}
    50%{bottom:15px;}
    100%{bottom:0px;}
}
@-webkit-keyframes foneLista {
    0% { bottom:0px;}
    50%{ bottom:10px;}
    100%{bottom:0px;}
}




/*过场（切换栏目）动画 stat*/
@keyframes bannerScale {
    0% {bottom:10px;}
    50%{bottom:30px;}
    100%{ bottom:10px;}
}
@-webkit-keyframes bannerScale {
    0% {bottom:10px;}
    50%{ bottom:30px;}
    100%{bottom:10px;}
}
/*从上到下 stasrt*/
@keyframes topBottom {
    0% {
        opacity: 0;
        top:-800px;
        left:0;
    }
    100%{
        opacity: 1;
        top:0;
        left:0;
    }
}
@-webkit-keyframes topBottom {
    0% {
        opacity: 0;
        top:-800px;
        left:0;
    }
    100%{
        opacity: 1;
        top:0;
        left:0;
    }
}

/*从下到上 stasrt*/
@keyframes bottomTop {
    0% {
        opacity: 0;
        left:0;
        top:800px;
    }
    100%{
        opacity: 1;
        left:0;
        top:0;
    }
}
@-webkit-keyframes bottomTop {
    0% {
        opacity: 0;
        left:0;
        top:-800px;
    }
    100%{
        opacity: 1;
        left:0;
        top:0;
    }
}