@charset "utf-8";
/* CSS Document */


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ width:100%; overflow: hidden; position: relative; z-index: 1; }
.Banner .flexslider {position: relative; zoom: 1; overflow:hidden;}
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:29%; overflow:hidden;}
.Banner .flexslider ul li img{ border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }

.Banner .flexslider ul li .slideTxt{ font-size: 22px; font-weight: bold; color: #fff; display: block; width: 100%; height:40px;
	background: url(../images/bannerbg.png) repeat; position: absolute;bottom: 0; left: 0;}


/*icon小点*/
.Banner .flex-control-nav {width: auto; position: absolute; bottom:0; left:50%; margin-left:-54px; width: 87px; height: 68px;
	text-align:center;z-index:9; background: url(../images/controlbg.png) no-repeat;
padding: 0 12px;
line-height: 68px;
}
.Banner .flex-control-nav li { display: block; float: left;}
.Banner .flex-control-paging li a {  float:left; width:9px; height:9px; display: block; margin:47px 4px; background:#fff; cursor: pointer;
transition: all 0.5s ease; border-radius: 50%; font-size: 16px; text-align: center; line-height: 30px; color: #999999;text-indent: 999em;}
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#0074c1;position: relative; z-index: 9;}
 

.Banner .flex-direction-nav{ display:block; margin-top: -17px;}
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:33px;height:44px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;
  cursor: pointer;overflow: hidden;transition: all 0.5s ease;}
.Banner .flex-direction-nav a:hover{}
.Banner .flex-direction-nav a.flex-prev{ background:url(../images/prev.png) no-repeat center; background-color: rgba(16,26,33,0.5); left:0; top:50%; margin-top: -22px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; background-color: rgba(16,26,33,0.5); right:0; top:50%;margin-top: -22px;}
.Banner .flex-direction-nav a.flex-prev:hover,.Banner .flex-direction-nav a.flex-next:hover{ background-color: rgba(16,26,33,0.8);}






.content{ overflow:hidden;}

/*新闻动态*/
.mode01{width:1200px;  overflow:hidden; margin: 35px auto 40px auto;}
.articleTitle01{ height: 30px; line-height: 30px; margin-bottom: 20px; overflow: hidden; position: relative;}
.articleTitle01 strong{ display: block; width: 40px; height: 5px;background: #ced7e0; border-radius: 3px; position: absolute; bottom: 0; }
.articleTitle01 .title{ font-size: 22px; color: #0074c1; font-weight: bold; position: relative;}
.articleTitle01 .more{ float: right; }
.articleTitle01 .more a{ font-size:13px; color: #999999;}
.articleTitle01.noBorder{ border: none; }


.articleList01{ overflow: hidden; }
.articleList01 ul{ margin: 0 -15px; overflow: hidden; }
.articleList01 ul li{ width: 33.3%; float:left; }
.articleList01 ul li a{ display: block; margin: 0 15px; overflow: hidden; }
.articleList01 ul li .art-img{ display: block; width: 380px; height: 214px; overflow: hidden; }
.articleList01 ul li .art-text{ display: block; overflow: hidden; }
.articleList01 ul li .art-title p{ display: block; font-size: 15px; height: 52px; line-height: 26px; margin: 10px 70px 5px 0;overflow: hidden; }
.articleList01 ul li .art-title .date{ display: block; width: 51px; height: 58px;  text-align: center; float: right;}
.articleList01 ul li .art-title .day{ display: block; font-size: 19px; font-weight: bold; color: #fff; height: 33px; line-height: 33px; background: #389ee0;}
.articleList01 ul li .art-title .year{ display: block; font-size: 12px; background: #65b0e0; height: 25px; line-height: 25px; color: #c2e7ff; }
.articleList01 ul li .art-text .art-con{display: block; font-size: 14px; color: #888888;line-height: 25px; height: 50px; overflow:hidden; clear: both;}

.articleList01 ul li a img{ transition: all 0.3s ease;}
.articleList01 ul li a:hover img{ transform: scale(1.1);}



.wrap_mode02{ background: url(../images/modebg.jpg) no-repeat center; overflow: hidden; }
.mode02{width: 1200px;margin: 28px auto 52px auto;overflow: hidden;}
.articleList02{}
.articleList02 ul { overflow: hidden; }
.articleList02 ul li{margin-bottom:20px;width: 25%;float: left;overflow: hidden; position:relative;}

.articleList02 ul li:hover .touming { transform:translateY(0); display:block;}
.articleList02 ul li a{ display: block; }
.articleList02 ul li:hover .artTxt a{ color: #fff; }
.articleList02 ul li:hover .artTxt p{ color: #cccccc; }

.articleList02 ul li.artLf .artImg{display: block;float: left;width: 290px;height: 188px;padding-bottom: 0;}
.touming{width:290px;left:0;bottom:0;background-color: rgba(0,0,0,0.6);height:100%;position:absolute;transition:0.3s; left:0px;top:0px; display:none;}
.touming h3{ color:white; font-size:18px; line-height:30px; padding-left:15px; font-weight:normal; margin-top:70px;text-align:center;}
.articleList02 ul li .artImg{ display: block; height: 0; padding-bottom: 62.3%; overflow: hidden; }

.articleList02 ul li .artImg img{width: 100%; -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.3s ease;}
.articleList02 ul li:hover .artImg img{opacity: 1;transform: scale(1.1);}

.articleList02 ul li.artLf .artTxt {display: block;margin-left: 300px;padding: 20px;position: relative;background: #fff;height: 128px;}
.articleList02 ul li .artTxt h3{ display:block; height: 20px; overflow: hidden; font-size: 16px; line-height: 20px; font-weight: normal; color: #333; }
.articleList02 ul li .artTxt p{ display: block; margin-top: 10px; height: 100px; overflow: hidden; font-size: 14px; line-height: 25px; color: #888888;  }

.articleList02 ul li.artRt .artImg{display: block;float: right;width: 290px;height: 168px;padding-bottom: 0;}
.articleList02 ul li.artRt .artTxt { display: block;margin-right: 300px;  padding: 20px; position: relative; background: #fff;height: 128px;transition: all 0.5s ease;}

.articleList02 ul li.artLf .artTxt  strong{width:0;height:0;border-top:11px solid transparent; border-bottom:11px solid transparent; border-right:11px solid #fff;
 position: absolute; left: -11px; top: 17px; }
.articleList02 ul li.artRt .artTxt  strong{width:0;height:0;border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:11px solid #f2f2f2;
 position: absolute; right: -11px; top:17px;}


.articleList02 ul li a:hover .artTxt h3,.articleList02 ul li a:hover .artTxt p{ color: #fff; }
.articleList02 ul li.artLf:hover .artTxt  strong{ border-right:11px solid #0074c1; }
.articleList02 ul li.artRt:hover .artTxt  strong{ border-left:11px solid #0074c1; }
.articleList02 ul li.artRt:hover .artTxt,.articleList02 ul li.artLf:hover .artTxt{ background: #0074c1;}

.mode03{width:1200px;margin: -24px auto 15px;position: relative;z-index: 3;}
.articleList03{}
.articleList03 ul{margin: 0 -15px;height: 60px;}
.articleList03 ul li{ width: 25%; float:left;position: relative;}
.articleList03 ul li a{display: block; margin: 0 15px; overflow: hidden;position: relative;}
.articleList03 ul li a:hover{font-size:28px; }
.articleList03 ul li .title{color: #0074c1;line-height: 60px;font-size: 24px;font-weight: bold;height: 60px;right: 10px;text-align: center;}
.articleList03 ul li .title:hover{font-size:28px;}
.articleList03 ul li a .numberBox{background: #fff;position: absolute;left: 0;bottom: -30px;background: rgba(0,0,0,0.6);line-height: 30px;font-size: 20px;color: #fff;font-weight: bold;padding: 0 10px;
transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
.articleList03 ul li a:hover .numberBox{bottom: 0;}

.links-c{background: #ffffff;float:left;background-size: auto 100%;position: absolute;top: 100%;left: 15px;right: 15px;border: 1px solid #ddd;display: none;}
.links-c select{width: 100%;height:36px;margin: 0;font-size: 14px;border: 0;border-bottom: 1px solid;border-color: #ddd;padding: 0 0 0 10px;}
.articleList03 ul li:hover .links-c{display: block;}