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


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ width:1200px;  margin: 0 auto; overflow: hidden; position: relative; }
.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: 0px; padding-bottom: 37%; overflow:hidden;}
.Banner .flexslider ul li .slideTxt{ display: block; position:absolute; bottom: 0; left: 0; width: 100%; height: 222px; background: url(../images/slideTxtbg.png) repeat-x; }
.Banner .flexslider ul li .slideTxt a{font-size: 24px;color: #fff;display: block;padding: 0 70px;position: absolute;bottom: 12px; *bottom: 23px;height: 24px;right: 0;line-height:  24px;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; }
/*icon小点*/
.Banner .flex-control-nav {width:auto; position: absolute; bottom:48px; right:70px;text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 8px; height:8px; display: block; background:#ae6729; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#0076ad;}



.Banner .flex-direction-nav{ display:block; margin-bottom: -14px; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:32px;height:58px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: 
	pointer;overflow: hidden; }
.Banner .flex-direction-nav a:hover{-webkit-opacity: 0.75;-moz-opacity:0.75;filter:alpha(opacity=75);opacity:0.75;}
.Banner .flex-direction-nav a.flex-prev{ background:url(../images/prev.png) no-repeat center #fff; left: 0; top: 50%; margin-top: -29px; border-top-right-radius: 7px;
border-bottom-right-radius: 7px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center #fff; right: 0; top: 50%; margin-top: -29px;border-top-left-radius: 7px;
border-bottom-left-radius: 7px;}




.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:38px auto; }
.mode01 .lf{ width:475px; height: 377px; float: left; overflow:hidden;}
.mode01 .md{ width:475px; height: 380px; float: left;overflow:hidden; margin: 0 37px;}
.mode01 .rt{ width:170px; float: right;overflow:hidden;}

.articleTitle01{ height:35px; line-height:35px; overflow: hidden;}
.articleTitle01 .title{ font-size: 24px;  float: left; padding-left: 35px; font-weight: bold;}
.articleTitle01 .title.t01{ background: url(../images/t01.png) no-repeat left center; }
.articleTitle01 .title.t02{ background: url(../images/t02.png) no-repeat left center; }
.articleTitle01 .title.t03{ background: url(../images/t03.png) no-repeat left center; }
.articleTitle01 .title.t04{ background: url(../images/t04.png) no-repeat left center; }
.articleTitle01 .title.t05{ background: url(../images/t05.png) no-repeat left center; }
.articleTitle01 .more{ float: right; display: inline-block; height:22px; line-height: 22px; border-bottom: #0076ad 1px solid; margin-top: 7px; }
.articleTitle01 .more a{ font-size:12px; color: #163a1d; }


.articleList01 ul{overflow: hidden;}
.articleList01 ul li { border-bottom:#e7ebe8 1px solid; height: 56px; line-height: 56px; overflow: hidden;  }
.articleList01 ul li .date2{ display: inline-block; width:59px; height: 23px; font-size: 12px; text-align: center; line-height: 22px; background:#00b4bf;
background: -webkit-linear-gradient(left, #00b4bf,#0076ad); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #00b4bf,#0076ad); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #00b4bf,#0076ad); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #00b4bf,#0076ad); /* 标准的语法 */ color: #fff; border-radius: 3px;margin-right: 20px; }
.articleList01 ul li a{ font-size: 14px; font-weight: bold; }




.articleList02{ overflow: hidden; }
.articleList02 ul li{ height:40px; overflow: hidden; border-bottom: #e7ebe8 1px solid; padding: 14px 0;}
.articleList02 ul li .rightDate{font-size: 12px; color: #0076ad; display:block; }
.articleList02 ul li a{ display: block; height: 25px; line-height: 25px; font-size: 14px;font-weight: bold; overflow: hidden;}

.articleList03{}
.articleList03 ul li{ display: inline-block; width: 169px; height: 169px; border-radius: 15px; text-align: center; margin: 13px 0;}
.articleList03 ul li span{ display: block; margin-bottom: 10px; }
.articleList03 ul li.li1{ background: #ffa200; border-bottom: #e7ebe8 1px solid; }
.articleList03 ul li.li2{ background: #0076ad; }
.articleList03 ul li a{ display: inline-block; font-size: 20px; color: #fff; text-align: center; margin:38px;}



.mode02{max-width:1200px;overflow:hidden; margin:0 auto; }

.articleList04{background: #f6f7f6;border-top: #e4e8e5 4px solid;height: auo;line-height: 50px;padding: 0 20px;overflow: hidden;}
.articleList04 h3{ background: url(../images/t03.png) no-repeat left center; display: inline-block; float: left;  }
.articleList04 h3 a{ font-weight: normal; font-size: 21px; padding-left: 32px; }
.articleList04 ul{margin-left: 144px;overflow:  hidden;}
.articleList04 ul li {float: left;padding: 0px 40px 0 0;}
.articleList04 ul li a{font-size: 14px;display: inline-block;height: 22px;line-height: 19px;border-bottom: #0076ad 1px solid;color: #163a1d;}





@media screen and (max-width:1200px){
.Banner { width: 100%; }
.mode01 { max-width: 1000px; }
.mode01 .lf { width: 38%; }
.mode01 .md { width: 38%; margin: 0 3%; }
.mode01 .rt { width: 17%; }
.mode02 { max-width: 1000px; }
.footer { max-width: 1000px; }
}

@media screen and (max-width:1023px){
.Banner .flexslider ul li .slideTxt a { font-size: 20px; }
}

@media screen and (max-width:999px){
.mode01 { margin: 30px 15px; }	
.mode01 .lf { width: 48%; }
.mode01 .md { width: 48%; float: right; margin: 0px; }
.mode01 .rt { width: 100%; }
.articleList03 ul li { width: 48%; }
.articleList03 ul li.li1 { float: left; }
.articleList03 ul li.li2 { float: right; }
.articleList04 h3 { float: none; }
.articleList04 { height: auto; }
.articleList04 ul { margin-left: 0px; }
.articleList04 ul li { padding: 0 10px 0 0; }
.Banner .flexslider ul li .slideTxt a { font-size: 16px; }
.articleList04 h3 a { font-size: 18px; }
.articleTitle01 .title { font-size: 20px; }
}


@media screen and (max-width:640px){
.articleList04 h3 a { font-size: 16px; }
.articleTitle01 .title { font-size: 18px; }
}

@media screen and (max-width:480px){
.mode01 .lf { width: 100%; float: none; }
.mode01 .md { width: 100%; float: none; }
.mode01 .rt { float: none; }
.articleList03 ul li.li1 { float: none; width: 100%; }
.articleList03 ul li.li2 { float: none; width: 100%; }
}