@charset "utf-8";
.bannerBox{overflow: hidden;}
.Banner{display: block;/* height: 0; *//* padding-bottom: 30%; */overflow: hidden;}
.Banner .slides li a{display: block;position: relative;}
.Banner .slides li a .cover{display: block;height: 40px;width: 100%;position: absolute;left: 0;bottom: 0;background: url(/images/bannerBg.png) bottom repeat-x;}
.Banner .slides li a .bannerImg{display: block;width: 100%;height: 0;padding-bottom: 40%;overflow: hidden;}
.Banner .slides li a .bannerImg img{display: block;width: 100%;}


.mode01{margin-top: 26px;position: relative;margin-bottom: 40px;}
.mode01 .tabMenu{font-size: 0;margin-bottom: 20px;}
.mode01 .tabList{position: relative;clear: both;}
.mode01 .til_tab{display: inline-block;*display: inline;*zoom: 1;background: #ccc;color: #fff;padding: 0 26px;border: 1px solid #ccc;}
.mode01 .til_tab a{display: block;line-height: 2;padding-left: 30px;color: #fff;}
.mode01 .til_tab.on{background: #fff;border: 1px solid #ddd;}
.mode01 .til_tab.on a{color: #006ebf;}
.articleListTitle01{background: url(/images/tab11.png) left center no-repeat;}
.articleListTitle02{background: url(/images/tab21.png) left center no-repeat;}
.mode01 .til_tab.on .articleListTitle01{background: url(/images/tab12.png) left center no-repeat;}
.mode01 .til_tab.on .articleListTitle02{background: url(/images/tab22.png) left center no-repeat;}
.mode01 .tabMore{position: absolute;right: 0;top: 5px;}

.mode01 .more_tab{font-size: 14px;padding: 5px 20px;border: 1px solid #ddd;display: none;color: #999;border-radius: 15px;}
.mode01 .more_tab:hover{color: #fff;background: #006EBF;border-color: #006EBF;}
.mode01 .tabListBox{position: absolute;left: 0;top: 0;width: 100%;*filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.mode01 .more_tab.on{display: block;}
.mode01 .tabListBox.on{*filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;position: relative;z-index: 2;}
.mode01 .left{width: 400px;float: left;display: block;}
.mode01 .flex-control-nav{bottom: 60px;}
.mode01 .left .img{padding-bottom: 56.25%;position: relative;}
.mode01 .left .img .time{position: absolute;left: 0;top: 0;line-height: 25px;height: 25px;color: #fff;padding: 0 12px;background: #006EBF;}
.mode01 .left .title{line-height: 24px;height: 48px;color: #666;padding: 6px 12px 0;}
.mode01 .left:hover .title{font-weight: bold;color: #006EBF;}
.mode01 .right{margin-left: 424px;border-left: 1px solid #ddd;padding:0 0 0 22px;}
.mode01 .right a{line-height: 39px;display: block;width: 100%;border-bottom: 1px dashed #eee;}
.mode01 .right a .rightDate{float: right;font-size: 12px;color: #999;margin-left: 16px;}
.mode01 .right a .title{white-space: nowrap;color: #666;}
.mode01 .right a:hover .title{font-weight: bold;color: #006EBF;}

.wrapMode02{background: #f8f8f8;padding: 26px 0 40px;overflow: hidden;width: 100%;}
.mode02Title{overflow: hidden;margin-bottom: 20px;}
.mode02Title .more{float: right;font-size: 14px;padding: 5px 20px;border: 1px solid #ddd;color: #999;border-radius: 15px;display: block;background: #fff;}
.mode02Title h2{height: 27px;padding-left: 37px;color: #006EBF;font-weight: normal;background: url(/images/mode02.png) left center no-repeat;line-height: 27px;}
.mode02Title .more:hover{color: #fff;background: #006EBF;}

.marqueeBox{position: relative;}
.marquee{overflow: hidden;margin-top:26px;position: relative;display: block;}
.marquee ul{white-space: nowrap;}
.marquee li{overflow: hidden;position: relative;width: 280px;display: inline-block;*display: inline;*zoom: 1;margin-right: 26px;}
.marquee li a{display: block;position: relative;}
.marquee li a .img{padding-bottom: 75%;}
.marquee li a .title{padding:2px 10px 0;white-space: nowrap;color: #666;text-align: center;}
.marquee li a:hover .title{display: block;}

.mode03{margin: 17px auto;background: #fafafa;overflow: hidden;}
.mode03Title{float: left;padding: 22px 0;background: #006ebf;width: 128px;}
.mode03Title img{margin: 0 auto;display: block;}
.mode03Title h2{text-align: center;color: #fff;font-weight: normal;margin-top: 6px;}
.articleList03{margin-left: 128px;}
.articleList03 li{padding: 28px ;}
.articleList03 li a{display: block;}
@media screen  and (max-width:1024px){
	.mode02Title h2{font-size: 20px;}
	.marquee li{width: 240px;}
	.mode03{margin: 17px 20px;}
}
@media screen  and (max-width:992px){
	.mode01 .left{float: none;margin: 0 auto 20px;width: 80%;}
	.mode01 .right{margin: 0;border: 0;padding: 0 10px;}
	.flex-direction-nav{display: none;}
}
@media screen  and (max-width:768px){
	.marquee li{width: 200px;}
	.articleList03 li{padding: 20px 2%;width: 46%;}
}
@media screen  and (max-width:640px){
	.mode02Title h2{font-size: 18px;}
	.articleList03 li{padding: 20px 2%;width: 90%;}
}
@media screen  and (max-width:480px){
	.mode01 .tabMenu{margin-bottom: 4px;}
	.mode01 .til_tab{width: 45%;padding: 0 2%;}
	.mode01 .tabMore{position: relative;float: right;margin-bottom: 14px;}
	
	.mode01 .left{float: none;margin: 0 auto 10px;width: 100%;}
	.mode01 .right{margin: 0;border: 0;padding: 0 0px;}
	
	.mode03Title{float: none;width: auto;padding: 10px 0;}
	.articleList03{margin-left: 0px;}
}
<!--0.00020813941955566-->