.header{ position:relative;}
.header .banner{ position:relative; height:500px; text-indent:-1999em; background-image:url(../images/banner-index.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.header .banner .text{ width:1014px; position:absolute; top:50%; margin-top:-240px; left:50%; margin-left:-507px;}
.header .banner .text img{ width:100%;}
.header .banner-min{ display:none;}
.header .navmenu{ width:100%; background:url(../images/navmenu-bg.png) repeat-x;}
.header .navmenu li{ width:200px; height:83px; float:left; text-align:center; background:url(../images/navmenu-hr-bg.png) right center no-repeat;}
.header .navmenu li:last-child{ background:none;}
.header .navmenu li a{ display:inline-block; width:80%; margin-top:22px; padding:3px 0 4px; font-size:20px; color:#FFF; border-radius:12px;}
.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;}
@media screen and (max-width: 1199px){
	.header .banner .text{ width:800px; margin-left:-400px; margin-top:-190px;}
}

@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;}}
@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{ width:1200px; margin:0 auto; padding:20px 0 35px; text-align:center; border-top:1px solid #d5d5d5;}
.head-title h1{ display:inline-block; padding:15px 10px 0; font-size:38px; font-weight:normal; color:#039;}
.head-title h1.white{ color:#FFF;}
.head-title h1.black{ color:#000;}
.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;}
.head-title-lt h2{ display:inline-block; padding:5px 15px 6px; font-size:22px; background-color:#063; color:#FFF;}
.head-title-lt .more{ float:right; margin-top:8px;}
.head-title-lt .more a{ color:#999;}
.head-title-lt .more a:hover{ color:#F63;}
.btn-more{ padding-top:30px; text-align:center; }
.btn-more p{ display:inline-block; padding:6px 60px; border:1px solid #e5e5e5; border-radius:20px; background-color:#f9f9f9;}

/* 焦点图 */
.slideBox{ width:450px; height:300px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ height:100%;}

/* 前/后按钮 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/* 多列滚动 */
.multipleColumn{ overflow:hidden; position:relative; width:1200px;}
.multipleColumn .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.multipleColumn .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.multipleColumn .hd ul li.on{ background-position:0 0; }
.multipleColumn .bd{ overflow:hidden;  }

		
.newsArea{}
.newsArea-cont .left{ width:450px; float:left; margin-right:50px;}
.newsArea-cont .right{ width:700px; float:left;}
.newsArea-cont .item-news li{ font-size:16px; line-height:2.6; border-bottom:1px dashed #e0e0e0;}

.xchbArea-cont li{ width:360px; margin-right:60px; float:left; margin-bottom:30px; padding-top:45px;}
.xchbArea-cont li div{ width:100%; background-color:#09F; padding-bottom:10px;}
.xchbArea-cont li div a{ display:block; margin:0 15px;}
.xchbArea-cont li img{ width:100%; margin-top:-40px;}
.xchbArea-cont li h3{ margin-left:20px; padding-left:25px; background:url(../images/ico-list-red.png) left center no-repeat; background-size:16px auto;}

.videoArea{}
.videoArea-cont .player{ text-align:center;}
.videoArea-cont .video-list li{ width:200px; overflow:hidden; float:left; margin-right:50px; margin-bottom:20px; background-color:#f0f0f0; text-align:center;}
.videoArea-cont .video-list li:nth-child(5n){ margin-right:0;}
.videoArea-cont .video-list li span{ display: table-cell; width:100%; height:60px; vertical-align:middle; text-align:center; padding:0 10px; text-align:center;}
.videoArea-cont .video-list li a.active{ color:#F03; font-weight:bold;}


/*列表页*/
.bgf4f4{ background-color:#f4f4f4;}
.item-listpage{}
.item-listpage li{ margin-bottom:15px; background-color:#FFF; border:2px solid #FFF;}
.item-listpage li:hover{ border:2px solid #066;}
.item-listpage .item-row{padding:8px;}
.item-listpage .item-img{ width:220px; float:left; overflow:hidden;}
.item-listpage .item-img img{ width:100%; transition: all 0.8s;}
.item-listpage .item-img img:hover{transform: scale(1.1);}
.item-listpage .item-text{ width:900px; float:left; margin-left:30px;}
.item-listpage .item-text .title{ font-size:24px;}
.item-listpage .item-text .description{ padding-top:10px; color:#aaaaaa; line-height:1.6; font-size:14px;}
.item-listpage .item-text .time{ padding-top:10px; color:#aaaaaa}
/*内容页页*/
.articlebg{ background-color:#f0f0f0;}
.article{ padding:50px; background-color:#FFF;}
.article .title h1{ text-align:center; font-size:30px; color:#222222;}
.article .info{ padding:15px 0 20px; border-bottom:1px solid #e5e5e5; text-align:center; font-size:12px; color:#999;}
.article .content{ padding-top:30px; line-height:2; font-size:18px;}
.article .content p{ text-indent:2em; margin-bottom:30px;}
.article .content p img{ display:block; margin:0 auto;}

.footer{ padding:50px 0; font-size:14px; line-height:1.8; color:#FFF}
.footer .container-min{ display:none;}
.footer.bg1{ background-color:#06C;}
.footer .btn-navmenu{ padding-bottom:30px;}
.footer .btn-navmenu a{ margin:0 10px; color:#FFF; font-size:16px;}


@media screen and (max-width: 800px) {
	.min-w1200, .w1200{ width:100%; min-width:100%; box-sizing:border-box;}
	.w1200.pt60{ padding-top:30px;}.min-w1200.ptb60{ padding-top:30px;}.min-w1200.pt80{ padding-top:40px;}
	.header .banner{ display:none;}
	.header .banner-min{ display:block;}
	.header .banner-min img{ width:100%;}
	.header .navmenu  ul{ padding:6px 0;}
	.header .navmenu li{ width:25%; height:auto; background:none;}
	.header .navmenu li:nth-child(n+4){ display:none;}
	.header .navmenu li a{ display:inline-block; width:80%; margin-top:0; padding:3px 0 4px; font-size:16px; color:#FFF; border-radius:12px;}
	.head-title{ width:100%; padding:0 0 20px; border-top:none;}
	.head-title h1{ font-size:36px; font-weight:normal; color:#039;}
	.head-title .tc img{ display:none;}
	.head-title-lt h2{ display:inline-block; padding:8px 12px; font-size:16px; background-color:#063; color:#FFF;}
	.head-title-lt .more{ margin-right:2rem;}

.slideBox{ width:100%; height:220px; overflow:hidden; position:relative; border:none;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .bd img{ width:100%;}
	
.newsArea-cont .left{ width:auto; float:none; margin-right:0;}
.newsArea-cont .right{ width:auto; float:none;}
.newsArea-cont .item-news li{ line-height:2.6; border-bottom:1px dashed #e0e0e0;}
.newsArea-cont .item-news li h3{ padding-left:10px; height:50px; line-height:50px; overflow:hidden;}
.xchbArea-cont li{ width:49%; margin-right:2%; float:left; margin-bottom:30px;}
.xchbArea-cont li:nth-child(2n){ margin-right:0;}
.xchbArea-cont li img{ width:100%; height:120px; margin-bottom:15px;}
.xchbArea-cont li h3{ margin-left:10px; padding-left:10px; font-size:14px; background:url(../images/ico-list-red.png) left top no-repeat; background-size:8px auto;}

.item-listpage .item-img{ width:30%; float:left; overflow:hidden;}
.item-listpage .item-text{ width:68%; float:right; margin-left:0;}
.item-listpage .item-text .title{ font-size:18px;}

.min-w1200.weiboArea{ display:none;}

.footer .container{ display:none;}
.footer .container-min{ display:block; color:#FFF;}
} 