@charset "utf-8";

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; outline: none;}
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/*-- All --*/
html{ min-width:1000px; }
body{ color:#333;font:12px/20px Arial,"Microsoft YaHei","宋体",sans-serif; background:#fff;min-width: 1200px;}
a{ color:#333; text-decoration:none;}
*{
	box-sizing: border-box;
}

.container {
	width: 1200px;
	margin: auto;
}
.overflow {
	overflow: hidden;
}

h2 {
	font-size: 20px;
	font-weight: 700;
	color: #222;
}
h3 {
	font-size: 16px;
	font-weight: 600;
}
/* .header-top  ---------------------------------------------- */

.index-top {
	position: relative;
	width: 100%;
	height: 600px;
}
.header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 110px;
	border-bottom: 1px solid #697b94;
	background-color: rgba(0,0,0,0.5);
}
.logo {
	float: left;
	margin:23px 0;
}
.logo img {
}
.header-right {
	float: right;
}


.top-box {
	margin-top: 24px;
}
.top-link {
	float: right;
	margin-right: 20px;
}
.top-link a {
	color: #a3b3c2;
	font-size: 12px;
	padding:0 8px;
	text-decoration: underline;
}
.search {
	position: relative;
	height: 21px;
	width: 130px;
	float: right;
	border:1px solid #a3b3c2;
}
.search input {
	position: absolute;
	top: 0;
	left: 0;
	margin:0;
	vertical-align: middle;
	height: 20px;
	width: 130px;
	line-height: 20px;
	font-size: 12px;
	background-color: rgba(255,255,255,.0);
	padding:0 20px 0 10px;
	border:none;
	color: #fff;
}
.search .icopng {
	position: absolute;
	right: 4px;
	top: 3px;
	width: 12px;
	height: 12px;
	margin:0;
}

.navbar {
	margin-top: 16px;
}
.navbar li {
	float: left;
}
.navbar li a {
	color: #fff;
	font-size: 14px;
	padding:8px 14px;
}

.navbar li span {
	color: #fff;
	font-size: 14px;
}

/* banner ---------------------------------------------- */
.index-banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.index-banner .bd{ position:relative; height:100%; z-index:0; }
.index-banner .bd li{ zoom:1; vertical-align:middle; }
.index-banner .bd li a {
	position: relative;
	text-align: center;
	display: block;
}
.index-banner .bd img{ width:100%; height:600px; display:block;  }



/* 新闻 ----------------------------------------------- */
.news {
	overflow: hidden;
	margin-top: 40px;
}
.news-tit {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}
.news-tit h2 {
	float: left;

}
.news-tit .more {
	float: right;
	font-size: 12px;
	color: #333;
	line-height: 1;
	margin-top: 10px;
}
.news-left {
	float: left;
	width: 690px;
	margin-right: 40px;
}
.news-left li {
	height: 110px;
	width: 100%;
	margin-top: 15px;
}
.news-time {
	height: 100%;
	width: 110px;
	padding-top: 20px;
	float: left;
	text-align: center;
	background-color: #e6e6e6;
}
.news-time span {
	display: block;
	height: 2px;
	width: 38px;
	background-color: #333;
	margin:auto;
}
.news-time h3 {
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 14px;
}
.news-time p {
	font-size: 16px;
	margin-top: 14px;
	line-height: 1;
	color: #333;
}
.news-left li:hover .news-time {
	background-color: #245daa;
}
.news-left li:hover a {
	background-color: #2c71ce;
}
.news-left li:hover a h2,
.news-left li:hover a p,
.news-left li:hover .news-time h3,
.news-left li:hover .news-time p {
	color: #fff;
}
.news-left li:hover .news-time span {
	background-color: #fff;
}
.news-left li a {
	display: block;
	float: left;
	height: 100%;
	width: 580px;
	padding:20px 26px;
	background-color: #f2f2f2;
}
.news-left li a h2 {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 10px;
	color: #333;
}
.news-left li a p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 14px;
	color: #999;
}
.news-right {
	
}




/* 本例子css */
.news-right{
	position: relative; 
	float: left;
	width: 470px;
	height: 353px;
	margin-top: 20px;
}
.news-right .hd{position: absolute;top: 30px; right: 0; overflow:hidden;  height:30px;z-index: 10;}
.news-right .hd .prev,.news-right .hd .next{ display:block;  width:26px; height:26px; float:right; margin-left:6px;overflow:hidden;background-color: #333;color: #fff;text-align: center;line-height: 26px;font-size: 16px;
	 cursor:pointer;}
	 .news-right .hd .prev:hover,.news-right .hd .next:hover {
	 	background-color: #f9b52c;
	 }
.news-right .bd{position: absolute;top: 0;left: 0;z-index: 1;}
.news-right .bd ul{ overflow:hidden; zoom:1; }
.news-right .bd ul li{position: relative; margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.news-right .bd ul li .pic{ text-align:center; }
.news-right .bd ul li .pic img{ width:470px; height:353px; display:block; }
.news-right .bd ul li .title{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;padding:0 10px;overflow: hidden;background:url(../images/news-bg.png)center center no-repeat;
background-size: cover;  }
.news-right .bd ul li .title a {
	color: #fff;
	font-size: 16px;
	line-height: 50px;
}
/* 通知 ----------------------------------------------- */

.tongzhi {
	height: 462px;
	margin-top: 40px;
	padding:40px 0;
	background: url(../images/tongzhi-bg.jpg)center center no-repeat;
	background-size: cover;
}
.tongzhi-tit h3 {
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 18px;
}
.tongzhi-tit h3 i{
	margin-left: 10px;
	font-style: italic;
	color: #999;
	font-size: 15px;
}
.tongzhi-tit span {
	display: block;
	height: 1px;
	width: 50px;
	background-color: #ff8a23;
}
.tongzhi-left {
	width: 580px;
	float: left;
	margin-right: 40px;
}
.tongzhi-list li {
	height: 76px;
	overflow: hidden;
	border-bottom: 1px dotted #999;
}
.tongzhi-list li span {
	float: left;
	display: block;
	width: 2px;
	height: 20px;
	margin:28px 0;
	background-color: #999;
}
.tongzhi-list li a {
	display: block;
	float: left;
	margin:20px 0 0px 20px;
}
.tongzhi-list li a p {
	font-size: 12px;
	color: #999;
	line-height: 1;
	margin-bottom: 14px;
}
.tongzhi-list li a h3 {
	font-size: 16px;
	color: #333;
	line-height: 1;
	font-weight: 300;
}
.enter {
	display: block;
	text-align: right;
	margin-top: 40px;
}
.enter a {
	color: #ff8a23;
	font-size: 16px;
	line-height: 1;	
}
.meiti-list {
	margin-top: 10px;
	padding-top: 4px;
	background: url(../images/guanzhu.png)left top no-repeat;
}
.meiti-list li {
	height: 38px;
	padding-left: 30px;
}
.meiti-list li a {
	display: block;
	height: 100%;
}
.meiti-list li h3 {
	float: left;
	font-size: 16px;
	color: #333;
	line-height: 38px;
	font-weight: 300;
}
.meiti-list li span {
	float: right;
	font-size: 12px;
	color: #999;
	font-weight: 300;
	line-height: 38px;
}
.meiti-list .active {
	background: url(../images/hover.png)left center no-repeat;
}

.zhuanti {
	margin-top: 40px;
}
.zhuanti ul {
	margin-top: 20px;
	width: 100%;
	overflow: hidden;
}
.zhuanti ul li {
	float: left;
	width: 190px;
	height: 110px;
	margin-right: 12px;
	overflow: hidden;
}





.footer {
	width: 100%;
	padding: 30px 0;
	margin-top: 30px;
	background-color: #434a54;
        text-align:center;
}
.footer-top {
	overflow: hidden;
}
.footer-box {
	float: left;
	width: 360px;
	height: 168px;
	margin-right: 60px;
}
.footer-box p {
	color: #fff;
	font-size: 14px;
}
.footer-box p img {
	vertical-align: middle;
	margin-right: 6px;
}
.footer-box .tit {
	overflow: hidden;
}
.footer-box .tit span {
	float: left;
	display: block;
	padding-left: 20px;
	font-size: 16px;
	color: #eee;
	background:url(../images/dian2.png)no-repeat left;
}
.footer-box .kuaisu {
	overflow: hidden;
	margin-top: 20px;
}
.footer-box .kuaisu li {
	float: left;
	width: 180px;
	padding:0 20px;
	margin-bottom: 10px;
}
.footer-box .kuaisu li a {
	color: #eee;
	font-size: 14px;
}

.footer-logo {
	margin-bottom: 60px;
}
.footer-bottom {
	line-height: 24px;
	color: #fff;
	
}



/* 本例子css */
.slideTxtBox{ width:100%;}
.slideTxtBox .hd{ height:40px;position:relative; }
.slideTxtBox .hd ul{ margin:0;float:left;  position:absolute; left:0px; top:0; }
.slideTxtBox .hd ul li{ float:left;padding:0 15px; cursor:pointer;color: #fff;margin-right:23px;line-height: 1;font-size: 16px;
    background: url(../images/dian1.png) no-repeat left }
    .slideTxtBox .hd ul li.on{ background:url(../images/dian2.png) no-repeat left; }
.slideTxtBox .bd ul{  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }


.slideTxtBox .bd li .input {
	width: 208px;
    padding-left: 10px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background-color:#434a54;
    border: 1px solid #666;
}
.slideTxtBox .bd li p {
	height: 46px;
	font-size: 16px;
	color: #eee;
    position: relative;
}
.slideTxtBox .bd li .btn {
	width: 208px;
    height: 34px;
    margin-left: 56px;
    border: none;
    cursor: pointer;
    color: #fff;
    background: #f9b52c;
    font-size: 14px;
    font-family: "微软雅黑";
}