.header{ width:100%;}
.header .banner-min{ display:none;}
.header .banner-min img{ width:100%;}
.header .navmenu{ width:100%; background:url(../images/navmenu-bg.png) repeat-x;}
.header .navmenu li{ width:180px; height:60px; float:left; text-align:center; background:url(../images/navmenu-hr-bg.png) right center no-repeat;}
.header .navmenu li:nth-child(4){ width:220px;}
.header .navmenu li:last-child{ width:240px; background:none;}
.header .navmenu li a{ display:inline-block; width:80%; margin-top:12px; padding:3px 0 4px; font-size:20px; color:#FFF; border-radius:12px;}
.header .navmenu li:last-child a{ width:90%;}
.header .navmenu li a.on{background-color:#33a564;}
.header .navmenu li a:hover{ background-color:#33a564; animation:move-navmenu 1s ease 1; -webkit-animation:move-navmenu 1s ease 1;}
.header .navmenu-ico{ display:none;}

@keyframes move-navmenu{ 0%{ background-color:transparent; } 100%{ background-color:#33a564; }}
@-webkit-keyframes move-navmenu{ 0%{ border-color:transparent; color:#FFF;} 100%{ border-color:#47cbf3; color:#47cbf3;}}
.header .banner-text{ position:absolute; width:66%; left:50%; top:30%; margin-left:-33%;}
.header .banner-text .pic{ padding-bottom:60px;}
.header .banner-text .pic img{ width:100%;}
.header .banner-text .about-text{ position:relative; padding:40px 0; z-index:20;}
.header .banner-text .about-textbg{ position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:#091D35; z-index:10; opacity:0.7;}
.header .banner-text .zxbtn{}
.header .banner-text .zxbtn a{ display:inline-block; padding:5px 60px; border:1px solid #FFF; border-radius:30px; cursor:pointer; background-color:#FFF; color:#608dc6; font-size:36px;}
.header .banner-text .zxbtn a:hover{ background-color:#608dc6;color:#FFF; animation:move-zxbtn 1s ease 1; -webkit-animation:move-xzbtn 1s ease 1; /*Safari and Chrome*/}
@keyframes move-xzbtn{ 0%{ background-color:#FFF;} 100%{ background-color:#608dc6;color:#FFF;} }
@-webkit-keyframes move-xzbtn{ 0%{ background-color:#FFF;} 100%{ background-color:#608dc6;color:#FFF;} }
.header .banner-text .pic-text{ text-align:center;}
.header .banner-text .pic-text img{ width:800px;}
.header .banner-text .text2{ margin-top:70px; padding-right:60px; text-align:center; font-size:22px; font-weight:bold; color:#FFF;}
.header .banner-text .text2 a{ color:#FFF; text-decoration:underline;}
.header .ico-arrow{ width:30px; height:30px; position:absolute; left:50%; margin-left:-15px; bottom:20px; animation:move-arrow 1s ease infinite alternate; -webkit-animation:move-arrow 1s ease infinite alternate; /*Safari and Chrome*/}
.header .ico-arrow img{ width:100%;}
@keyframes move-arrow{ from{bottom:30px; opacity:0;} to{bottom:20px; opacity:0.7;} }
@-webkit-keyframes move-arrow { from{bottom:30px; opacity:0;} to{bottom:20px; opacity:0.7;} /*Safari and Chrome*/ }

.head-title{ margin-bottom:18px; text-align:center; border-bottom:1px solid #014e69;}
.head-title h1{ display:inline-block; float:left; padding:8px 15px; font-size:20px; color:#FFF; background-color:#244fb6;}
.head-title h1.white{ color:#FFF;}
.head-title h1.black{ color:#000;}
.head-title span{ float:right; padding-top:10px; font-size:16px; color:#999;}
.head-title span a{font-size:16px; color:#999;}
.head-title p{ font-size:30px; color:#abafb4;}
.head-title p.white{ color:#FFF;}
.head-title p.black{ color:#000;}
.head-title .img-title img{ width:500px;}

.list-grenn li{ padding:7px 0 6px 20px; line-height:1.3; position:relative;}
.list-grenn li:before{ content:''; position:absolute; width:6px; height:6px; left:0; top:18px; background-color:#06C;}
.list-grenn h3{ width:86%;}
.list-grenn h3 a{ font-size:18px; color:#222222}
.list-grenn span{ color:#999; font-size:14px;}

.biaoyuArea{background-color: #123996; font:30px/1 'micorsoft yahei'; color: #fff; padding: 10px 0; text-align: center;}

/*导语*/
.special-info{ background-color:#cdcdcd; color:#000;}
.special-info .content{ max-width:1100px; margin:0 auto; position:relative;}
.special-info .content em{ position:absolute; left:0; top:10px; padding:8px 15px; background-color:#244fb6; color:#FFF; font-size:16px;}
.special-info .content span{ display:block; margin-left:80px; padding:12px 0; font-size:16px; line-height:1.25; text-indent:2em;}

.ttnewsArea{}
.ttnews{ max-width:1100px; margin:0 auto; padding:30px 0 20px; text-align:center;}
.ttnews h2{ font-size:40px; font-weight:bold; color:#305798;}
.ttnews h2 a{ color:#244fb6;}
.ttnews h2 a:hover{ text-decoration:underline;}
.gdnews{ max-width:1100px; margin:0 auto; padding:0 15px; background-color:#f5f5f5; border:1px solid #cdcdcd; border-radius:40px;}
.gdnews a{ color:#000; font-size:14px;}

/* 轮播 superslide */
.slideBox{ width:1000px; min-height:30px; overflow:hidden; position:relative;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
.slideBox .hd ul{ display:block; overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; width:10px; height:10px; line-height:10px; overflow:hidden; margin-right:5px; text-align:center; border-radius:50%; background:#CDCDCD; color:#000; cursor:pointer; text-indent:-999em; }
.slideBox .hd ul li.on{ background:#F60; color:#fff;}
.slideBox .bd ul{ overflow:hidden; z-index:0; zoom:1;}
.slideBox .bd li{ zoom:1;}
.slideBox .prev, .slideBox .next{ position:absolute; top:50%; margin-top:-36px; display:block; width:36px; height:54px; background-image:url(/statics/v2019/images/slider-arrow.png?0808); background-color:rgba(0, 0, 0, 0.5); background-repeat: no-repeat;}
.slideBox .prev{ left:-36px;}
.slideBox .next{ right:-36px; background-position:0 bottom; }
.slideBox .prev:hover, .slideBox .next:hover{ background-color:rgba(0, 0, 0, 1); }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }

.slideBox.focus{ width:600px; height:400px;} /* 焦点图 */
.slideBox.focus .hd{ height:40px; right:5px; bottom:0px; z-index:1; }
.slideBox.focus .hd ul li{ width:20px; height:20px; line-height:19px;}
.slideBox.focus .hd .pageState{ color:#FFF; font-size:16px; line-height:40px; letter-spacing:3px;}
.slideBox.focus .hd .pageState span{ font-size:20px; color:#F00;}
.slideBox.focus .bd img{ width:100%; height:400px; display:block; }
.slideBox.focus .bd a{ display:block; position:relative;}
.slideBox.focus .bd h3{ padding:10px; text-align:left; font-size:16px;}
.slideBox.focus .bd h3 p{ width:85%;}

.slideBox.gundong{ width:auto; height:30px; margin:0 auto; line-height:30px;} /* 滚动新闻 */
.slideBox.gundong .bd .tempWrap{ width:auto !important; }
.slideBox.gundong .bd ul li{ margin-right:20px;  float:left; text-align:left; _display:inline; width:auto !important;  }
.slideBox.gundong .bd li span{ color:#666;}

.newsArea{ width:1200px; margin:0 auto; padding-top:40px;}
.newsArea .ttnews h1 a{ font-size:50px; font-weight:bold;}
.newsArea .ttnews p{ width:80%; margin:0 auto;}
.newsArea .left-pic{ width:600px; overflow:hidden; float:left;}
.newsArea .left-pic img{ width:100%;}
.newsArea .right-list{ width:560px; float:right;}
.newsArea .item-news{ padding-bottom:23px; margin-bottom:20px; border-bottom:1px dashed #a3a3a3;}
.newsArea .item-news h2{ font-size:24px; font-weight:bold;}
.newsArea .item-news p{ line-height:1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsArea .carousel-control img{ width:20px;}
.newsArea .left.carousel-control img{ margin-left:10px;}
.newsArea .right.carousel-control img{ margin-right:10px;}
/*科普知识*/
.kpzsArea{ width:50%; padding-right:15px;}

/*科技教育*/
.kjjyArea{ width:50%; padding-left:15px;}
.sssjItems { width:400px; position: absolute; right: 0; top: 150px; z-index: 2; padding-top:20px; }
.sssjItems table { width:100%; font: 14px/1.3 "Microsoft Yahei"; border:0; border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5; box-sizing:border-box;}
.sssjItems table td { padding:3px 0; background-color: #fff; text-align: center; border:0; border-bottom:1px solid #f5f5f5; border-right:1px solid #f5f5f5;}
.sssjItems table .titleHead td{ padding:5px 0;}
.sssjItems table td.name{ background:#22438c; color:#FFF;}
.sssjItems table td.value{ background:#e18872; color:#FFF;}
.sssjItems table td.cureNum{ background:#8ab08a; color:#FFF;}
.sssjItems table td.deathNum{ background:#696969; color:#FFF;}


.ssdtItems{ width:780px; background:url(../hr-red.jpg) 30px #f7f7f7 repeat-y; background-size:2px auto; margin-top: 20px; padding: 40px 20px 20px 50px; overflow: hidden; box-sizing:border-box;}
.ssdtItems .item-row{ position: relative;}
.ssdtItems .item-row:before{ content:''; position:absolute; left:-24px; top:5px; width:10px; height:10px; border-radius:50%; background-color:#ef4900;}
.ssdtItems .datetime{ padding-bottom:8px; font-size:16px;}
.ssdtItems .textArea{ padding:20px; margin-bottom:18px; background-color:#FFF; border-radius:5px;}
.ssdtItems .textArea h3{ font-size:18px;}
.ssdtItems .textArea .description{ padding-top:10px; color:#999; font-size:14px;}

.moreTool{ margin-top:30px; padding:10px; font-size:16px; cursor:pointer;}

.haibaoSection{ margin-top:40px; padding:60px 0 30px; background-color:#999;}
.slideBox.haibao{ width:1200px; height:640px; margin:0 auto; line-height:30px;}
.slideBox.haibao .bd ul li{ width:380px; float:left; margin-right:30px;}
.slideBox.haibao .bd ul li img{ width:100%;}

/*视频*/
.playVideo{ width:720px; float:left;} 
.playVideo video{ width:720px; height:480px; background-color:#000}
.listVideo{ width:460px; float:right; padding-top:20px; background-color:#f0f0f0;}
.listVideo li{ margin:0 20px 20px; cursor:pointer; background-color:#FFF; font-size:16px; border-radius:6px;}
.listVideo li p{ padding:8px 15px;}


.footArea{ padding:50px 0 30px; text-align:center; background-color:#264898; color:#FFF; font-size:14px; line-height:1.8; }
.footArea a{ color:#FFF; font-size:14px;}


@media screen and (max-width: 800px) {
	.min-w1200, .w1200{ width:100%; min-width:100%; box-sizing:border-box;}
	.w1200.pt60{ padding-top:30px;}
	.header .banner{ display:none;}
	.header .banner-min{ display:block;}
	.header .navmenu{ display:none; }
	.header .navmenu-ico{ display:block; }
	.header .navmenu-ico li{ width:25%; float:left; margin-bottom:20px; text-align:center;}
	.header .navmenu-ico li a{ display:block; margin:0 10%; font-size:14px;}
	.header .navmenu-ico li img{ width:50%;}
	
.biaoyuArea{ background-color: #123996; font:14px/1 'micorsoft yahei'; color: #fff; padding: 10px 0; text-align: center;}

.special-info{ background-color:#cdcdcd; color:#000;}
.special-info .content{ box-sizing:border-box; padding:10px;}
.special-info .content em{ position:absolute; left:10px; top:0px; padding:0 8px; background-color:#244fb6; color:#FFF; font-size:12px; line-height:1;}
.special-info .content span{ display:block; margin-left:10px; padding:5px 0; font-size:14px; line-height:1.25; text-indent:2em;}

.ttnewsArea{}
.ttnews{ max-width:1100px; margin:0 auto; padding:30px 10px 20px; text-align:center; box-sizing:border-box;}
.ttnews h2{ font-size:24px; font-weight:normal; line-height:1.15;}
.ttnews h2 a{ color:#244fb6;}
.ttnews h2 a:hover{ text-decoration:underline;}
.gdnews{ max-width:1100px; margin:0 6px; background-color:#f5f5f5; border:1px solid #cdcdcd; border-radius:40px;}
.gdnews a{ color:#000; font-size:14px;}

.slideBox.focus{ width:100%; height:240px;} /* 焦点图 */
.slideBox.focus .hd{ height:40px; right:5px; bottom:0px; z-index:1; }
.slideBox.focus .hd ul li{ width:20px; height:20px; line-height:19px;}
.slideBox.focus .hd .pageState{ color:#FFF; font-size:16px; line-height:40px; letter-spacing:3px;}
.slideBox.focus .hd .pageState span{ font-size:20px; color:#F00;}
.slideBox.focus .bd img{ width:100%; height:240px; display:block; }
.slideBox.focus .bd a{ display:block; position:relative;}
.slideBox.focus .bd h3{ padding:10px; text-align:left; font-size:16px;}
.slideBox.focus .bd h3 p{ width:85%;}


	.list-grenn li{ padding:7px 0 6px 15px;  line-height:1.3;}
	.list-grenn h3 a{ font-size:16px;}
	.newsArea{ width:auto; margin:0 auto; padding-top:20px;}
	.newsArea .left-pic{ width:100%; height:auto; float:none;}
	.newsArea .right-list{ width:100%; float:none; padding:20px 0 0; box-sizing:border-box;}
	.newsArea-cont{ margin:0 10px;}
	.newsArea .item-news{ padding-bottom:10px; margin-bottom:10px;}
	.newsArea .item-news h2{ font-size:20px;}
	
	/*科普知识*/
	.kpzsArea{ width:100%; padding-right:0;}
	/*科技教育*/
	.kjjyArea{ width:100%; padding-left:0; padding-top:30px;}
	.kjjyArea.xsqyqSection{ padding-top:0;}
	
	.haibaoSection{ margin-top:30px; padding:30px 0 30px; background-color:#999;}
	.slideBox.haibao{ width:100%; height:auto; margin:0 auto;}
	.slideBox.haibao .bd ul li{ width:80%;}
	.slideBox.haibao .bd ul li img{ width:100%;}

	.ssdtItems.newsArea-cont{ margin:20px 0 0;}
	.ssdtItems{ width:100%; background:url(../hr-red.jpg) #f7f7f7 repeat-y; background-size:3px auto; margin-top: 20px; padding: 16px 16px 10px 18px; overflow: hidden; border-radius:6px;}
	.ssdtItems .item-row{ position: relative;}
	.ssdtItems .item-row:before{ content:''; position:absolute; left:-22px; top:4px; width:11px; height:11px; border-radius:50%; background-color:#ef4900;}
	.ssdtItems .datetime{ padding-bottom:8px; font-size:14px; color:#999;}
	.ssdtItems .textArea{ padding:10px 20px; margin-bottom:16px; background-color:#FFF; border-radius:5px; line-height:1.5;}
	.ssdtItems .textArea a{ font-size:16px;}
	.ssdtItems .textArea .description{ padding-top:10px; color:#999; font-size:14px;}

    .sssjItems.newsArea-cont{ margin:0 0;}
	.sssjItems { width: 100%; position: relative; right: 0; top: 0;}
	.sssjItems .yqmap img{ width:100%;}
	.sssjItems table { width: 100%; box-sizing:border-box;}
	.sssjItems table td { }
	.sssjItems .titleHead td { padding:3px 0; background-color:#f5f5f5; font-weight:bold;}
	.sssjItems img { width: 100%; }
	
	
    .playVideo{ width:100%; float:none;}
	.playVideo video{ width:100%; height:225px; background-color:#000}
	.listVideo{ width:100%; float:none; padding-top:10px; padding-bottom:12px; background-color:#f0f0f0;}
	.listVideo li{ margin:0 10px 10px; cursor:pointer; background-color:#FFF; font-size:14px;}
	.listVideo li p{ padding:5px 10px;}

	.foot{ display:none;}
}