@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,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%;}
.header {width: 100%;height: 100px;background-color: #00449b;}
.header .container{width:1350px;}
.logo {
	float: left;
	height:64px;
	margin:23px 0;margin-top:11px;}
.logo img {width: 511px;}
.header-right {
	float: right;}


.top-box {
	margin-top: 24px;}
.top-link {
	float: right;
	margin-right: 20px;}
.top-link a {
	color: #e1e1e1;
	font-size: 12px;
	padding:0 8px;}
.top-link a:hover{color: #e1e1e1;}

.search {
	position: relative;
	height: 21px;
	width: 130px;
	float: right;
	border:1px solid #e1e1e1;}
.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: 18px;
	}
.navbar li {
	float: left;}
.navbar li a {
	color: #fff;
	font-size: 17px;
	padding: 8px 5px;
	}

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

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


.ny-banner {width:1200px;margin:0px auto;}



/* 新闻 ----------------------------------------------- */
.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: 620px;
	margin-right: 20px;margin-top:12px;}
.news-left li {
	height: 50px;
	width: 100%;
	margin-top: 8px;}
.news-time {
	height: 100%;
	width: 100px;
	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: 18px;
	font-weight: normal;
	line-height:50px;}
.news-time p {
	font-size: 16px;
	margin-top: 14px;
	line-height: 1;
	color: #333;}
.news-left li:hover .news-time {
	background-color: #00449b;}
.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: 520px;
	padding:20px 26px;
	background-color: #f2f2f2;}
.news-left li a h2 {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 10px;
	color: #333;font-weight: normal;}
.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: 550px;
	height: 398px;
	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:550px; height:398px; 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.jpg)center center no-repeat;
background-size: cover;}
.news-right .bd ul li .title a {
	color: #fff;
	font-size: 16px;
	line-height: 50px;}
/* 通知 ----------------------------------------------- */

.tongzhi {
	height: 480px;
	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: 50px;
	overflow: hidden;
	border-bottom: 1px dotted #999;}
.tongzhi-list li span {
	float: left;
	display: block;
	width: 2px;
	height: 20px;
	margin:16px 0;
	background-color: #999;}
.tongzhi-list li a {
	display: block;
	float: left;
	margin:20px 0 0px 20px;width:95%;}
.tongzhi-list li a p {
	font-size: 12px;
	color: #999;
	line-height: 1;
float:right;}
.tongzhi-list li a h3 {
	font-size: 16px;
	color: #333;
	line-height: 1;
	font-weight: 300;float:left;}
.enter {display: block;text-align: right;margin-top: 40px;}
.enter a {color: #ff8a23;font-size: 16px;line-height: 1;}

.enter_more {display: block;text-align: right;margin-top: 26px;}
.enter_more a {color: #ff8a23;font-size: 16px;line-height: 1;}

.meiti-list {
	margin-top: 10px;
	padding-top: 4px;
	background: url(../images/guanzhu.jpg)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.jpg)left center no-repeat;}

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





footer {
	width: 100%;
	padding: 30px 0px 20px;
	margin-top: 40px;
	background-color: #00449b;
	}
.footer-top {
	overflow: hidden;}

.footer-logo {float: left;width: 410px;margin-right: 60px;color:#fff;font-size: 14px;}
.footer-logo a{color:#fff;}
.footer-logo p{line-height:30px;}

.footer-box {float: left;width: 560px;}
.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.jpg)no-repeat left;}
.footer-box .kuaisu {
	overflow: hidden;
	margin-top: 20px;}
.footer-box .kuaisu li {float: left;margin:0 0px 10px 25px;}
.footer-box .kuaisu li a {
	color: #eee;
	font-size: 14px;}


.footer-bottom {
	margin-top: 15px;
	padding: 15px 0px 10px;
	line-height: 30px;
	color: #fff;
	border-top:1px solid #cb433d;font-size:14px;text-align: center;}

.footer-bottom a{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.jpg) no-repeat left ;}
    .slideTxtBox .hd ul li.on{ background:url(../images/dian2.jpg) 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: "微软雅黑";}  

.ewm{float:right; text-align: center; color: #fff;} 
 ewm img{width:90px;height:80px;}




.foot {
  margin-top: 40px;
  background-color: #00449b;
  padding-top: 30px;
  padding-bottom: 25px;
}
.foot .center
{
	width: 1350px;
	margin:0 auto;
}
.foot .center:after
{
	content:"";
	display:block;
	clear:both;
}
.foot_logo
{
	float:left;
}


.foot_tp.mid {
    text-align: center;
    display: inline;
    margin-left: 2%;
}
.foot_tp.mid img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.foot_dz.fr p
{
	line-height:35px;
}
.foot_dz.fr{
   float: right;
    font-size: 14px;
    color: #fff;
    padding-top: 15px;

}


.foot_icon {
  margin-left: 4%;
}
.foot_icon ul li {
  margin: 10px 40px;
  display: inline-block;
  position: relative;
}
.foot_icon ul li img {
  transition: all 0.3s;
}
.foot_icon li > img:hover {
  animation: icon-yh 0.6s linear;
}
.foot_icon ul li .b_width {
  width: 400px;
  text-align: center;
}
.foot_icon ul li div {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 15px;
  width: 130px;
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  display: none;
}
.foot_icon ul li:hover div {
  display: block;
  animation: none;
}
.foot_icon ul li div::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.foot_list {
  width: 26.5%;
}
.foot_list ul li {
  display: inline-block;
  width: 32%;
  text-align: center;
}
.foot_list ul li a {
  font-size: 13px;
  line-height: 36px;
  letter-spacing: 1px;
  color: #b9b9b9;
}
.ew img {
    width: 121px;
    text-align: center;
}
.foot_list ul li a:hover {
  color: #ffffff;
}
.bq {
  background-color: #00449b;
  border-top: 1px solid #e1e1e1;
  padding: 10px 0;
}
.bq p {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
}
.bq p img {
  margin-left: 50px;
  vertical-align: middle;
}