@charset "utf-8";
/* CSS Document */
.Banner{ width:100%; overflow: hidden; position: relative; margin: 0 auto 0; background:#eaeaea;max-width: 1300px; }
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative}
.flexslider .slides .img{width: 100%;display: block;height: 0;padding-bottom: 31.25%;}
.flexslider .slides img {width: 100%; display: block;}
.flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 30px; height: 50px;  position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em ;margin-top:-25px;}
.flex-direction-nav .flex-prev { background: url(../images/lf.png) no-repeat center center;left:15px;}
.flex-direction-nav .flex-next { background: url(../images/rt.png) no-repeat center center;right: 15px;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
/*.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
*/.flex-pauseplay a:hover  { opacity: 1; }
/*.flex-pauseplay a.flex-play:before { content: '\f003'; }
*//* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; left:0; text-align: center; z-index:99; }
.flex-control-nav li {margin: 10px 6px 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; display: block; border:1px solid #fff; cursor: pointer; text-indent: -9999px;border-radius:8px;background-color:#fff; }
.flex-control-paging li a:hover { background: #005aa0;  }
.flex-control-paging li a.flex-active {background: #214e63;border: 1px solid #214e63;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


.mode01{overflow:hidden;/* background:#f2f2f2; */padding:30px 0;width: 1300px;margin: 0 auto;}
/*快速链接*/
.fastLink{ max-width:1200px; margin:0 auto;}
.fastLink ul li{ padding: 25px; display:block; float:left; width:20%; text-align:center;box-sizing:border-box;}
/*.fastLink ul li.li01{background-color: #204f63;}
.fastLink ul li.li02{background-color: #faa632;}
.fastLink ul li.li03{background-color: #3d97e4;}
.fastLink ul li.li04{background-color: #968c51;}
.fastLink ul li.li05{ width:20%; background-color:#0ba299;}
.fastLink ul li.li06{ background-color:#0062ac;}*/
.fastLink ul li a span{ color:#fff; display:block; height:21px; overflow:hidden;  font-size:1.6em;}
.fastLink ul li a img{ /*max-width:42px;*/margin-bottom: 10px;}
.fastLink ul{margin-left: -25px;margin-right: -25px;}

.content{overflow:hidden;}
.mode02{max-width:1200px;overflow:hidden; margin:22px auto 0; }
.news { width: 66%; float: left; }
.news .title {height: 45px;line-height: 45px;border-bottom: 2px solid #3d97e4;}
.news h2 { width: auto; float: left; font-size: 20px; color: #333; font-weight:normal; }
.news .title a { float: right; color: #868686; font-size: 16px; }
.news_con { overflow: hidden; margin:20px 0 0 0; }
.newsLf { width:50%; float:left;}
.newsLf .item-img04{display: block;width: 100%;height: 0;padding-bottom: 68.8%;overflow: hidden;}
.newsLf .item-img04 img{width: 100%;}

.newsLf p{ font-size:16px; color:#333;line-height: 28px;padding-top: 5px;}
.newsLf p span{ color:#666;margin:0 6px;}
.newsLf p strong{color: #3d97e4;margin:0 6px;}
.newsLf p.p01{height: 56px;overflow: hidden;}
.newsRt{ float:right; width:47%;}
.newsRt ul {}
.newsRt ul li { overflow: hidden; font-size: 15px;height: 35px; line-height:35px; padding:0 0 0 13px; position: relative; }
.newsRt ul li:before{width:4px;height: 4px;background-color:#005faf;content: '';position: absolute;left:0;top:17px;}
.newsRt ul li a { }
.newsRt ul li span {float: right; color: #646464; font-size:14px; }


.tongzhi { width:31.5%; float: right; }
.tongzhi .title {height: 45px;line-height: 45px;border-bottom: 2px solid #3d97e4;}
.tongzhi h2 { width: auto; float: left; font-size: 20px; color: #333; font-weight:normal; }
.tongzhi .title a { float: right; color: #868686; font-size: 16px; }
.tongzhi ul { margin: 20px 0 0 0; }
.tongzhi ul li {margin: 0 0 13px 0; overflow: hidden; }
.tongzhi ul li .date { width: 50px; height:47px; background:#e4e4e4;  float: left; margin: 0 13px 0 0; }
.tongzhi ul li .day {height: 22px;line-height: 22px;font-size: 14px;font-family: Times New Roman;color: #3d97e4;text-align:center;display: block;font-weight:bold;margin: 0 auto;}
.tongzhi ul li .month {height: 22px;line-height: 22px;margin: 0 auto;font-size: 14px;font-family: Times New Roman;color: #3d97e4;text-align:center;display: block;}
.tongzhi ul li a {  font-size: 15px; line-height: 25px;display: block;margin-left: 65px;height: 50px;overflow: hidden;}

.mode03{max-width:1200px;overflow:hidden; margin:0px auto 20px; overflow: hidden; }
.imgList .title {height: 45px;line-height: 45px;border-bottom: 2px solid #3d97e4;}
.imgList h2 {  width: auto; float: left; font-size: 20px; color: #333; font-weight:normal; }
.imgList .title a { float: right; color: #868686; font-size: 16px; }


/* 底部图片 */
.life { width: 100%;  background: #fff; padding: 0px;overflow:hidden }
.lifeIn { width: 1200px;margin: 0 auto;overflow:hidden;padding-bottom:20px; }
.life h2 { height: 80px; line-height: 80px; }
.life h2 a {  font-size: 26px; color: #343434; }
.lifecon {margin: 20px 0px 20px;}
.life_img01{width:100%;height:0;padding-bottom:67%;display: block;overflow: hidden;position: relative;}
.life_img02{width:100%;height:0;padding-bottom:65%;overflow: hidden;display: block;position: relative;}
.life_img01 .imgTitle,.life_img02 .imgTitle{background: url(../images/b50.png);height: 30px;line-height: 30px;color: white;display: block;overflow: hidden;width: 90%;padding: 0 5%;white-space: nowrap;text-overflow: ellipsis;}
.life_img01:hover .imgTitle,.life_img02:hover .imgTitle{position: absolute;bottom: 0;left: 0;}
.life_img02 img,.life_img01 img,.life_img02 .imgTitle,.life_img01 .imgTitle{}
.life_img02 img, .life_img01 img{width: 100%;}
.life_left { width: 47.5%; float: left; margin-left: 1.25%;}
.life_right {width: 50%;float: right;}
.life_right ul li {width: 47.5%;float: left;margin: 0 2.5% 2% 0;}
.life_img01 img:hover,.life_img02 img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}
/* 底部图片结束 */


.newsLf .item-img04 img:hover,.flexslider .slides img:hover,.life_img02 img:hover, .life_img01 img:hover{transform: scale(1.05);transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;}
video:focus{border:0;outline: none;}

@media screen  and (max-width:1386px){
	.mode01{width: 100%;}
	.fastLink,.mode02,.mode03{width: 1000px;}
}
@media screen  and (max-width:1020px){
	.mode01{width: 100%;}
	.fastLink,.mode02,.mode03{width: 96%;}
}
@media screen  and (max-width:768px){
	.news,.newsLf,.newsRt{width: 100%;}
	
	.newsLf p.p01{height: auto;}
	.newsLf{margin-bottom: 20px;}
	.newsLf p{font-size: 14px;padding: 0;line-height: 24px;}
	.newsRt ul li{font-size: 14px;line-height: 30px;height: 30px;}
	.newsRt ul li:before{top: 14px;}
	.newsRt ul li span{padding-left: 10px;}
	
	.tongzhi{width: 100%;margin-top: 20px;}
}
@media screen  and (max-width:414px){
	.fastLink ul li a span{font-size: 12px;}
}


